2025-summer/team-2
12
Fork 0
Code Issues Pull requests Projects Releases Activity

navigation bar and colours custamized

Browse source
This commit is contained in:
Leon Astner 2025-08-02 03:42:56 +02:00
parent 5c84b2fb59
commit 1ce7aea6b5
6 changed files with 167 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

34
CHALLENGE_2/sleepysound/lib/main.dart
View file

@ -1,7 +1,7 @@
import 'package:flutter/material.dart';
import 'pages/now_playing_page.dart';
import 'pages/library_page.dart';
import 'pages/settings_page.dart';
import 'pages/voting_page.dart';
import 'pages/group_page.dart';
void main() {
runApp(const MyApp());
@ -16,8 +16,23 @@ class MyApp extends StatelessWidget {
return MaterialApp(
title: 'SleepySound',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
brightness: Brightness.dark,
colorScheme: ColorScheme.fromSeed(
seedColor: const Color(0xFF6366F1),
brightness: Brightness.dark,
),
scaffoldBackgroundColor: const Color(0xFF121212),
appBarTheme: const AppBarTheme(
backgroundColor: Color(0xFF1E1E1E),
foregroundColor: Colors.white,
),
bottomNavigationBarTheme: const BottomNavigationBarThemeData(
backgroundColor: Color(0xFF1E1E1E),
selectedItemColor: Color(0xFF6366F1),
unselectedItemColor: Colors.grey,
type: BottomNavigationBarType.fixed,
),
),
home: const MyHomePage(title: 'Now Playing'),
);
@ -46,9 +61,9 @@ class _MyHomePageState extends State<MyHomePage> {
case 0:
return const NowPlayingPage();
case 1:
return const LibraryPage();
return const VotingPage();
case 2:
return const SettingsPage();
return const GroupPage();
default:
return const NowPlayingPage();
}
@ -69,7 +84,7 @@ class _MyHomePageState extends State<MyHomePage> {
label: 'Now Playing',
),
BottomNavigationBarItem(
icon: Icon(Icons.library_music),
icon: Icon(Icons.how_to_vote),
label: 'Voting',
),
BottomNavigationBarItem(
@ -78,7 +93,10 @@ class _MyHomePageState extends State<MyHomePage> {
),
],
currentIndex: _selectedIndex,
selectedItemColor: Colors.deepPurple,
backgroundColor: const Color(0xFF1E1E1E),
selectedItemColor: const Color(0xFF6366F1),
unselectedItemColor: Colors.grey,
type: BottomNavigationBarType.fixed,
onTap: _onItemTapped,
),
);

34
CHALLENGE_2/sleepysound/lib/pages/group_page.dart Normal file
View file

@ -0,0 +1,34 @@
import 'package:flutter/material.dart';
class GroupPage extends StatelessWidget {
const GroupPage({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: const Color(0xFF121212),
child: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.group, size: 100, color: Color(0xFF6366F1)),
SizedBox(height: 20),
Text(
'Group',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
SizedBox(height: 10),
Text(
'Manage your listening group',
style: TextStyle(color: Colors.grey),
),
],
),
),
);
}
}

40
CHALLENGE_2/sleepysound/lib/pages/library_page.dart
View file

@ -1,23 +1,33 @@
import 'package:flutter/material.dart';
class LibraryPage extends StatelessWidget {
const LibraryPage({super.key});
class VotingPage extends StatelessWidget {
const VotingPage({super.key});
@override
Widget build(BuildContext context) {
return const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.library_music, size: 100, color: Colors.deepPurple),
SizedBox(height: 20),
Text(
'Library',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
),
SizedBox(height: 10),
Text('Your music library'),
],
return Container(
color: const Color(0xFF121212),
child: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.how_to_vote, size: 100, color: Color(0xFF6366F1)),
SizedBox(height: 20),
Text(
'Voting',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
SizedBox(height: 10),
Text(
'Vote for the next song',
style: TextStyle(color: Colors.grey),
),
],
),
),
);
}

36
CHALLENGE_2/sleepysound/lib/pages/now_playing_page.dart
View file

@ -5,19 +5,29 @@ class NowPlayingPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.music_note, size: 100, color: Colors.deepPurple),
SizedBox(height: 20),
Text(
'Now Playing',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
),
SizedBox(height: 10),
Text('No music playing'),
],
return Container(
color: const Color(0xFF121212),
child: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.music_note, size: 100, color: Color(0xFF6366F1)),
SizedBox(height: 20),
Text(
'Now Playing',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
SizedBox(height: 10),
Text(
'No music playing',
style: TextStyle(color: Colors.grey),
),
],
),
),
);
}

40
CHALLENGE_2/sleepysound/lib/pages/settings_page.dart
View file

@ -1,23 +1,33 @@
import 'package:flutter/material.dart';
class SettingsPage extends StatelessWidget {
const SettingsPage({super.key});
class GroupPage extends StatelessWidget {
const GroupPage({super.key});
@override
Widget build(BuildContext context) {
return const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.settings, size: 100, color: Colors.deepPurple),
SizedBox(height: 20),
Text(
'Settings',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
),
SizedBox(height: 10),
Text('App settings'),
],
return Container(
color: const Color(0xFF121212),
child: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.group, size: 100, color: Color(0xFF6366F1)),
SizedBox(height: 20),
Text(
'Group',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
SizedBox(height: 10),
Text(
'Manage your listening group',
style: TextStyle(color: Colors.grey),
),
],
),
),
);
}

34
CHALLENGE_2/sleepysound/lib/pages/voting_page.dart Normal file
View file

@ -0,0 +1,34 @@
import 'package:flutter/material.dart';
class VotingPage extends StatelessWidget {
const VotingPage({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: const Color(0xFF121212),
child: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.how_to_vote, size: 100, color: Color(0xFF6366F1)),
SizedBox(height: 20),
Text(
'Voting',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
SizedBox(height: 10),
Text(
'Vote for the next song',
style: TextStyle(color: Colors.grey),
),
],
),
),
);
}
}