How to make Inside curve in container in Dart Flutter?

Question

I making this this application in which I have to make a bottom navigation bar like this which is curved inside of the container so is there any perticular solution for this it will be appreciated. Thanks enter image description here

I making this this application in which I have to make a bottom navigation bar like this which is curved inside of the container so is there any perticular solution for this it will be appreciated. Thanks

Answer 1

you can use BottomAppBar's shape property for something like this and then give it CircularNotchedRectangle shape to create a curve like that:

BottomAppBar(
          notchMargin: 7,
          color: Color(0xff1c1f26),
          shape: CircularNotchedRectangle()

or just use a package like stylish_bottom_bar