Flutter Desktop Header UI With Code
10 min readFeb 1, 2021
Container(
width: MediaQuery.of(context).size.width,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
IconButton(
icon: Icon(Icons.menu),
onPressed: () {}, // open drawer
),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
Row(
children: <Widget>[
FlatButton(
padding: const EdgeInsets.all(10.0),
// color: Colors.blueGrey,
textColor: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
splashColor: Colors.white,
onPressed: () {
},
child: Text(
' Link 1 ',
style:TextStyle(fontSize:12.0,
fontWeight:FontWeight.bold),
),
),
RaisedButton(
onPressed: () {},
textColor: Colors.white,
color: Colors.blueGrey,
padding: const EdgeInsets.all(10.0),
child: Container(
padding: const EdgeInsets.all(5.0),
child:
Text(
' Button ',
style: TextStyle(fontSize: 12)),
)),
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
FlatButton(
padding: const EdgeInsets.all(10.0),
// color: Colors.blueGrey,
textColor: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
splashColor: Colors.white,
onPressed: () {},
child:
Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.all(10.0),
// color: Colors.blueGrey,
textColor: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
splashColor: Colors.white,
onPressed: () {},
child:
Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
RaisedButton(
onPressed: () {},
textColor: Colors.white,
color: Colors.blueGrey,
padding: const EdgeInsets.all(10.0),
child: Container(
padding: const EdgeInsets.all(5.0),
child:
Text(
' Button ',
style: TextStyle(fontSize: 12)),
)),
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
FlatButton(
padding: const EdgeInsets.all(10.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.all(10.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
// color: Colors.blueGrey,
onPressed: () {
},
child: Text(
' Second Link ',
style: TextStyle(fontSize: 12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.all(10.0),
splashColor: Colors.white,
textColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.all(10.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
]),
RaisedButton(
onPressed: () {},
textColor: Colors.white,
color: Colors.blueGrey,
padding: const EdgeInsets.all(10.0),
child: Container(
padding: const EdgeInsets.all(5.0),
child:
Text(
' Button ',
style: TextStyle(fontSize: 12)),
)),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
IconButton(
padding:EdgeInsets.only(top:8.0),
icon: Icon(Icons.search,size:20),
color: Colors.blueGrey,
onPressed: () {
},
),
SizedBox(width:10),
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
FlatButton(
padding: const EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding: const EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Action Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
IconButton(
icon: Icon(Icons.apps,size: 20,),
color: Colors.blueGrey,
onPressed: () {
}, // open drawer
),
SizedBox(width: 5,),
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
]),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
RaisedButton(
onPressed: () {
},
textColor: Colors.white,
color: Colors.blueGrey,
padding: const EdgeInsets.all(10.0),
child: Container(
padding: const EdgeInsets.all(5.0),
child:
Text(
' Button ',
style: TextStyle(fontSize: 12)),
)),
SizedBox(width: 10,)
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
IconButton(
icon: Icon(Icons.apps,size: 20,),
color: Colors.blueGrey,
onPressed: () {}, // open drawer
),
SizedBox(width: 5,),
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {},
child: Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,,
onPressed: () {},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
RaisedButton(
onPressed: () {},
textColor: Colors.white,
color: Colors.blueGrey,
padding: const EdgeInsets.all(10.0),
child: Container(
padding:EdgeInsets.all(5.0),
child:
Text(
' Button ',
style:TextStyle(fontSize:12)),
)),
SizedBox(width: 10,)
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
IconButton(
icon: Icon(Icons.apps,size: 20,),
color: Colors.blueGrey,
onPressed: () {} // open drawer
),
SizedBox(width: 5,),
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
OutlineButton(
onPressed: () {},
child: Text(
' First Button ',
style:TextStyle(fontSize:12,color:Colors.blueGrey,)),
borderSide: BorderSide(
width: 2,
color: Colors.blueGrey,
),
),
SizedBox(width: 10,),
RaisedButton(
onPressed: () {},
textColor: Colors.white,
color: Colors.blueGrey,
child: Container(
padding:EdgeInsets.all(5.0),
child:
Text(
' Second Button ',
style: TextStyle(fontSize12)),
)),
SizedBox(width: 10,)
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
SizedBox(width:10),
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
SizedBox(width:10),
Container(
padding:EdgeInsets.only(top:8.0),
height:35,
width:200,
color: Colors.grey[350],
child:
TextField(
keyboardType: TextInputType.text,
decoration: InputDecoration(
suffixIcon: Icon(Icons.search),
border: InputBorder.none,
hintText: 'Search',
hintStyle:TextStyle(
color:Colors.grey),
contentPadding:EdgeInsets.symmetric(vertical:8,horizontal: 8),
isDense: true,
),
style: TextStyle(
fontSize: 14.0,
color: Colors.black,
),
)),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
FlatButton(
onPressed: () {},
child:
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
Icon(
Icons.person_sharp,
color: Colors.blueGrey,
size: 24.0,
),
Text(
' Profile ',
style:TextStyle(fontSize:12,color: Colors.blueGrey,)),
]),
),
SizedBox(width: 10,),
RaisedButton(
onPressed: () {},
textColor: Colors.white,
color: Colors.blueGrey,
child: Container(
padding:EdgeInsets.all(5.0),
child:
Text(
' Button ',
style:TextStyle(fontSize:12)),
)),
SizedBox(width: 10,)
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
IconButton(
icon: Image(
fit: BoxFit.fitHeight,
image: NetworkImage('https://firebasestorage.googleapis.com/v0/b/massivesuccess-web.appspot.com/o/Untitled%20design%20(2).png?alt=media&token=0a2c08af-f9f4-4f0b-817d-3fd13569fe4a'),
),
color: Colors.blueGrey,
onPressed: () {}, // open drawer
),
SizedBox(width: 10,),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
IconButton(
icon:Icon(Icons.notifications_none,size: 20,color: Colors.blueGrey,),
onPressed: () {},
),
IconButton(
icon:Icon(Icons.person_sharp,size:20,color: Colors.blueGrey,),
onPressed: () {},
),
Container(
padding:EdgeInsets.only(top:8.0),
height:35,
width:200,
color: Colors.grey[350],
child:TextField(
keyboardType: TextInputType.text,
decoration: InputDecoration(
suffixIcon: Icon(Icons.search),
border: InputBorder.none,
hintText: 'Search',
hintStyle:TextStyle(
color:Colors.grey),
contentPadding:EdgeInsets.symmetric(vertical:8,horizontal: 8),
isDense: true,
),
style: TextStyle(
fontSize: 14.0,
color: Colors.black,
),
)),
SizedBox(width:10),
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:50,
child: Center(
child:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
SizedBox(width: 10,),
Text('MassiveSuccess',
style: TextStyle(
fontSize: 20,
color: Colors.blueGrey,
)),
SizedBox(width: 10,),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' First Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Second Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Third Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
splashColor: Colors.white,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
// highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
onPressed: () {
},
child: Text(
' Fourth Link ',
style:TextStyle(fontSize:12.0,fontWeight:FontWeight.bold),
),
),
SizedBox(width:10),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
IconButton(
icon: Icon(Icons.shopping_cart_outlined,size: 20,color: Colors.blueGrey,),
onPressed: () {},
),
IconButton(
icon: Icon(Icons.menu,size: 20,
color:Colors.blueGrey,),
onPressed: () {},
),
SizedBox(width:10),
]),
]),
),
),
Container(
width: MediaQuery.of(context).size.width,
height:90,
child: Center(
child:
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Row(
crossAxisAlignment:CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
IconButton(
icon: Icon(Icons.apps,size: 20,),
color: Colors.blueGrey,
onPressed: () {},
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[FlatButton(
padding: EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
//highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
// splashColor: Colors.white,
onPressed: () {},
child: Text(' Sign In ',
style: TextStyle(fontSize: 12.0,fontWeight:FontWeight.bold),
),
),
FlatButton(
padding: EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
//highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
// splashColor: Colors.white,
onPressed: () {},child: Text(' Sign Up ',
style: TextStyle(fontSize: 12.0,fontWeight:FontWeight.bold),
),
),]),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
mainAxisAlignment:MainAxisAlignment.spaceBetween,
children: <Widget>[
Text('MassiveSuccess',
style: TextStyle(fontSize: 20,color: Colors.blueGrey,
)),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
SizedBox(width: 10,),FlatButton(
padding: EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
//highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
// splashColor: Colors.white,
onPressed: () {
},
child:
Column(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
Text(' First Link ',
style:TextStyle(fontSize: 12.0,fontWeight:FontWeight.bold),
),
Text(' Short Subtitle ',
style:TextStyle(fontSize: 7.0,fontWeight:FontWeight.bold),
),
]),
),
SizedBox(width: 10,),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
//highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
// splashColor: Colors.white,
onPressed: () {},
child:
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text(' Second Link ',
style:TextStyle(fontSize: 12.0,fontWeight:FontWeight.bold),
),
Text(' Short Subtitle ',
style:TextStyle(fontSize: 7.0,fontWeight:FontWeight.bold),
),
]),
),
SizedBox(width: 10,),
FlatButton(
padding:EdgeInsets.only(top:15.0),
textColor: Colors.blueGrey,
// color: Colors.blueGrey,
// disabledColor: Colors.blueGrey,
//highlightColor: Colors.blueGrey,
// disabledTextColor: Colors.black,
// splashColor: Colors.white,
onPressed: () {},
child:Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text(' Third Link ',
style:TextStyle(fontSize: 12.0,fontWeight:FontWeight.bold),
),
Text(' Short Subtitle ',
style:TextStyle(fontSize: 7.0,fontWeight:FontWeight.bold),
),
]),
),
SizedBox(width:10),
]),
Row(
crossAxisAlignment:CrossAxisAlignment.center,
children: <Widget>[
RaisedButton(
onPressed: () {},
textColor: Colors.white,
color: Colors.blueGrey,
child: Container(
padding:EdgeInsets.all(5.0),
child:
Text(
' Button ',
style:TextStyle(fontSize:12)),
)),
SizedBox(width:10),
]),
]),
]),
),
),
