Flutter bottomNavigationBar, how to make my customClipper to not occlude the body content

Question

I've implemented this bottomNavigationBar using a custom clipper. The issue is with the scaffold body.

I wish the body content to be visible from this area of the bottomNavigationBar instead of being occluded by the gray zone.

Do you happen to know if there is a scaffold setup to achieve this? Otherway I might need to come up with a different layout within the body section.

Answer 1

Yes, it's a common problem.

as long as you have used a Container and made some clipping customization for it, to appear looks like a BottomNavigationBar. it will but stills a container that have a clip path to be rendered.

The problem occurs when you realize that, the other part of the container you have clipped still exist, it hides any widget that get behind (Your problem).

it's an advantage over another, good shape but hides the content behind.

So, i recommend the use of BottomAppBar and give it a CircularNotchedRectangle as a shape.