flutter convex bottom bar
//tab view with the bottom navigtion using convex appbar
body: TabBarView(
children: [
Text('Home'),
Text('Discovery'),
Text('Add'),
Text('Message'),
Text('Profile'),
]
.map((i) => Center(
child: Container(
width: double.infinity,
height: double.infinity,
color: Colors.black,
child: Card(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
ListTile(
leading: Icon(Icons.album),
title: Text('$i'),
subtitle: Text(
'Music by Julie Gable. Lyrics by Sidney Stein.'),
),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
TextButton(
child: const Text('BUY TICKETS'),
onPressed: () {/* ... */},
),
const SizedBox(width: 8),
TextButton(
child: const Text('LISTEN'),
onPressed: () {/* ... */},
),
const SizedBox(width: 8),
],
),
],
),
),
),
))
.toList(growable: false),
),
bottomNavigationBar: ConvexAppBar(
backgroundColor: Colors.black,
activeColor: Colors.black,
top: -40,
curveSize: 100,
items: [
TabItem(
icon: new Icon(Icons.home, color: Colors.white), title: 'Home'),
TabItem(
icon: new Icon(Icons.map, color: Colors.white),
title: 'Discovery'),
TabItem(
icon: new Icon(Icons.add, color: Colors.white), title: 'Add'),
TabItem(
icon: new Icon(Icons.message, color: Colors.white),
title: 'Message'),
TabItem(
icon: new Icon(Icons.people, color: Colors.white),
title: 'Profile'),
], //optional, default as 0
/* some config*/
),
),
3.8
5
//tab view with the bottom navigtion using convex appbar
body: TabBarView(
children: [
Text('Home'),
Text('Discovery'),
Text('Add'),
Text('Message'),
Text('Profile'),
]
.map((i) => Center(
child: Container(
width: double.infinity,
height: double.infinity,
color: Colors.black,
child: Card(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
ListTile(
leading: Icon(Icons.album),
title: Text('$i'),
subtitle: Text(
'Music by Julie Gable. Lyrics by Sidney Stein.'),
),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
TextButton(
child: const Text('BUY TICKETS'),
onPressed: () {/* ... */},
),
const SizedBox(width: 8),
TextButton(
child: const Text('LISTEN'),
onPressed: () {/* ... */},
),
const SizedBox(width: 8),
],
),
],
),
),
),
))
.toList(growable: false),
),
bottomNavigationBar: ConvexAppBar(
backgroundColor: Colors.black,
activeColor: Colors.black,
top: -40,
curveSize: 100,
items: [
TabItem(
icon: new Icon(Icons.home, color: Colors.white), title: 'Home'),
TabItem(
icon: new Icon(Icons.map, color: Colors.white),
title: 'Discovery'),
TabItem(
icon: new Icon(Icons.add, color: Colors.white), title: 'Add'),
TabItem(
icon: new Icon(Icons.message, color: Colors.white),
title: 'Message'),
TabItem(
icon: new Icon(Icons.people, color: Colors.white),
title: 'Profile'),
], //optional, default as 0
/* some config*/
),
),
Thank you!
5
0
Are there any code examples left?
New code examples in category Other
-
Other 2023-03-27 22:50:10 how to select the whole line in vscode with keyboard shortcut
-
Other 2022-03-27 22:45:24 income of a web developer
-
Other 2022-03-27 22:35:01 \pyrcc_main.py: File does not exist 'resources.qrc'
-
Other 2022-03-27 22:30:45 rick roll embed code
-
Other 2022-03-27 22:20:08 Circuit_04_Potentiometer
-
Other 2022-03-27 22:20:05 iterative power
-
Other 2022-03-27 22:15:11 flutter run all
-
Other 2022-03-27 22:10:05 when is karlson release
-
Other 2022-03-27 22:10:02 wp .htaccess example
-
Other 2022-03-27 22:00:08 bash pause in file read line by line