Is there a way to ClipPath around a BottomAppBar?

Question

I am trying to clip the BottomNavigationBar with a CustomClipper.

Using a clipped BottomAppBar will only work correctly while the widget is in the body-section.

As soon as I put it in bottomNavigationBar-section, the content in the body behind the transparent parts is hidden.

Is there any way to get the 'transparent' parts of the BottomAppBar real transparent?

I could put it back into the body-section and pin it to the bottom and add a hero to it, so it would stay while changing pages, but I guess it would be a better and 'more correct' way, if I could put it in the bottomNavigationBar-section.

Answer 1

You should set:

extendBody: true

as a property in BottomNavigationBar.