Notch is important, how to do this notch. I have already done the bottom Appbar plus this FAB button too, but notch is not done yet. how can I make this kind of notch i already know the build in notchs.but i need this shap of notch.

CodePudding user response：

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: FloatingActionButton(
        backgroundColor: Colors.white,
        onPressed: () {},
        child: Icon(
          Icons.add,
          color: Colors.black,
        ),
        elevation: 0.0,
      ),
      bottomNavigationBar: BottomAppBar(
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 18.0),
          child: Row(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Icon(Icons.home),
              Icon(Icons.search),
              Padding(
                padding: const EdgeInsets.only(top: 28.0),
                child: Text('USE CARD'),
              ),
              Icon(Icons.favorite_border),
              Icon(Icons.person_outline)
            ],
          ),
        ),
        color: Colors.white,
      ),

CodePudding user response：

Use animated_bottom_navigation_bar: ^0.3.2

this it the link https://pub.dev/packages/animated_bottom_navigation_bar/example