I am trying to extend the white container behind the bottom navigation bar to the very end of the screen. Not just to the limit of the botton navigation bar (as you can see in the picture).
Any help or idea is really appreciated, I am quite new in Flutter. Thanks!
The structure of the app is:
bottomNavigationBar: BottomAppBar(
shape: CircularNotchedRectangle(),
notchMargin: 8.0,
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
IconButton(
icon: Icon(
Icons.show_chart,
),
onPressed: () {},
),
SizedBox(width: 48.0),
IconButton(
icon: Icon(
Icons.filter_list,
),
onPressed: () {},
),
],
),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {},
),
body: Column(
children: <Widget>[
Expanded(
child: Container(
height: 100,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(40),
topRight: Radius.circular(40)
)
),
),
)
],
)
you can use "extendBody: true" inside "Scaffold" class
Scaffold(
extendBody: true,
body: _yourBody(),
bottomNavigationBar: _yourBottomNavBar(),
)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With