Home > Mobile >  I want to create a curve bottom appbar in flutter?
I want to create a curve bottom appbar in flutter?

Time:12-07

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,
        ),
      ),
    );
  • Related