how can I make a shape like this in flutter

Question

I dont want to use package for navigation.I just want to create this shape.could you help me?

Does [How to make bottomNavigationBar notch](https://stackoverflow.com/q/59455684/10157127) answer your question? — Md. Yeasin Sheikh, Apr 09 '23 at 07:41
if that answers, I am thinking of closing the question as duplicate also you can do it — Md. Yeasin Sheikh, Apr 09 '23 at 07:59
@YeasinSheikh I made that but when I want give it padding from sides the appbar shape makes some mess.and the floating button doesnt fit at center.do you know how to do that? — amirreza ghabeli, Apr 11 '23 at 09:02
It would be better to add minimal snippet on question that you've tried so far, so that others can help on specific issue. More about [asking goog question](https://stackoverflow.com/help/how-to-ask) and [minimal-reproducible-example](https://stackoverflow.com/help/minimal-reproducible-example) — Md. Yeasin Sheikh, Apr 11 '23 at 09:07

score 1 · Answer 1 · answered Apr 09 '23 at 07:34

1

Follow this for any type of custom paint or shape in Flutter

answered Apr 09 '23 at 07:34

score 1 · Answer 2 · answered Apr 09 '23 at 17:14

Wrap the BottomNavigationBar widget with BottomAppBar Widget.

Add shape property in BottomAppBar widget

shape: CircularNotchedRectangle(),

Then change FloatingActionButton location to:

floatingActionButtonLocation : FloatingActionButtonLocation.centerDocked,

2 Answers2