11import 'package:flutter/material.dart' ;
22import 'package:solmusic/Style/Style.dart' ;
33
4- class NavigationBar extends StatefulWidget {
4+ class NavigationBarItem extends StatefulWidget {
55 @override
6- _NavigationBarState createState () => _NavigationBarState ();
6+ _NavigationBarItemState createState () => _NavigationBarItemState ();
77}
88
9- class _NavigationBarState extends State <NavigationBar > {
9+ class _NavigationBarItemState extends State <NavigationBarItem > {
1010 @override
1111 Widget build (BuildContext context) {
1212 return LayoutBuilder (
@@ -36,7 +36,7 @@ class _DesktopNavBarState extends State<DesktopNavBar> {
3636 @override
3737 Widget build (BuildContext context) {
3838 return Container (
39- height: MediaQuery .of (context).size.height * 0.15 ,
39+ height: MediaQuery .of (context).size.height * 0.1 ,
4040 color: Color (0xff08192D ),
4141 child: Padding (
4242 padding: const EdgeInsets .symmetric (horizontal: 16.0 ),
@@ -48,23 +48,67 @@ class _DesktopNavBarState extends State<DesktopNavBar> {
4848 child: Row (
4949 mainAxisAlignment: MainAxisAlignment .spaceAround,
5050 children: [
51- Wrap (
52- alignment: WrapAlignment .center,
51+ Wrap (
52+ alignment: WrapAlignment .center,
5353 children: [
5454 Text (
5555 "Sol" .toUpperCase (),
5656 style: ThemText .titlePinkText,
5757 ),
58- Text ("Music" .toUpperCase (),
59- style: ThemText .titleWhiteText
60- )
58+ Text ("Music" .toUpperCase (),
59+ style: ThemText .titleWhiteText)
6160 ],
6261 ),
63- Text ("Home" , style: ThemText .navBarWhiteTab),
64- Text ("About" , style: ThemText .navBarWhiteTab),
65- Text ("Pages" , style: ThemText .navBarWhiteTab),
66- Text ("News" , style: ThemText .navBarWhiteTab),
67- Text ("Contact" , style: ThemText .navBarWhiteTab),
62+ TextButton (
63+ onPressed: () {},
64+ child: Padding (
65+ padding: const EdgeInsets .symmetric (
66+ horizontal: 16.0 ,
67+ vertical: 10.0 ,
68+ ),
69+ child: Text ("Home" , style: ThemText .navBarWhiteTab),
70+ ),
71+ ),
72+ TextButton (
73+ onPressed: () {},
74+ child: Padding (
75+ padding: const EdgeInsets .symmetric (
76+ horizontal: 16.0 ,
77+ vertical: 10.0 ,
78+ ),
79+ child: Text ("About" , style: ThemText .navBarWhiteTab),
80+ ),
81+ ),
82+ TextButton (
83+ onPressed: () {},
84+ child: Padding (
85+ padding: const EdgeInsets .symmetric (
86+ horizontal: 16.0 ,
87+ vertical: 10.0 ,
88+ ),
89+ child: Text ("Pages" , style: ThemText .navBarWhiteTab),
90+ ),
91+ ),
92+ TextButton (
93+ onPressed: () {},
94+ child: Padding (
95+ padding: const EdgeInsets .symmetric (
96+ horizontal: 16.0 ,
97+ vertical: 10.0 ,
98+ ),
99+ child: Text ("News" , style: ThemText .navBarWhiteTab),
100+ ),
101+ ),
102+ TextButton (
103+ onPressed: () {},
104+ child: Padding (
105+ padding: const EdgeInsets .symmetric (
106+ horizontal: 16.0 ,
107+ vertical: 10.0 ,
108+ ),
109+ child: Text ("Contact" , style: ThemText .navBarWhiteTab),
110+ ),
111+ ),
68112 ],
69113 ),
70114 ),
@@ -82,29 +126,31 @@ class _DesktopNavBarState extends State<DesktopNavBar> {
82126 children: [
83127 Padding (
84128 padding: const EdgeInsets .all (2.0 ),
85- child: Text ("Help" ,
86- style: ThemText .helpGreyText
87- ),
129+ child: Text ("Help" , style: ThemText .helpGreyText),
88130 ),
89131 Padding (
90132 padding: const EdgeInsets .all (8.0 ),
91133 child: Container (
92- width: 0.75 ,
93- height: 16 ,
94- color: Colors .white
95- ),
134+ width: 0.75 , height: 16 , color: Colors .white),
96135 ),
97- Padding (
98- padding: const EdgeInsets .all (2.0 ),
99- child: Text ("Login" ,
100- style: ThemText .loginWhiteText
101- ),
136+ TextButton (
137+ onPressed: () {},
138+ child: Padding (
139+ padding: const EdgeInsets .all (2.0 ),
140+ child:
141+ Text ("Login" , style: ThemText .loginWhiteText),
142+ ),
102143 ),
103144 ],
104145 ),
105146 ),
106- Text ("Create an account" ,
107- style: ThemText .createAccountPinkText),
147+ TextButton (
148+ onPressed: () {},
149+ child: Text (
150+ "Create an account" ,
151+ style: ThemText .createAccountPinkText,
152+ ),
153+ ),
108154 ],
109155 ),
110156 ),
0 commit comments