return Scaffold( backgroundColor: Colors.white, bottomNavigationBar: BottomAppBar( child: Container( height: 155, child: Center(child: Text('Powered By')), color: Colors.green, )) );
CodePudding user response:
You can use following code to create a curved bottom appbar.
return Scaffold(
backgroundColor: Colors.white,
bottomNavigationBar: BottomAppBar(
child: Container(
height: 155,
child: Center(
child: Container(
margin: const EdgeInsets.only(top: 50),
height: 100,
width: 150,
decoration: const BoxDecoration(
borderRadius: BorderRadius.only(topLeft: Radius.circular(75), topRight: Radius.circular(75)),
color: Colors.grey,
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: const [
Text("Powered By"),
Text("Logo Here"),
],
),
),
),
color: Colors.green,
),
),
);