There are many packages available on pub.dev that can achieve this for you.
Picking one at random that could possibly recreate your screenshot, take a look at convex_bottom_bar
Search for "animated navigation bar" on pub.dev to see other similar packages
Actually, you can use bottomAppBar widget, in order to create these buttons (adding a floatingActionButton into the navBar).
Flutter website already explained that with code examples (very easy to understand), so, instead of just giving you the code, i’ll give you the link to the site, so you can learn how to do it and customize the appBar as you want.
2
Answers
There are many packages available on pub.dev that can achieve this for you.
Picking one at random that could possibly recreate your screenshot, take a look at convex_bottom_bar
Search for "animated navigation bar" on pub.dev to see other similar packages
Actually, you can use bottomAppBar widget, in order to create these buttons (adding a floatingActionButton into the navBar).
Flutter website already explained that with code examples (very easy to understand), so, instead of just giving you the code, i’ll give you the link to the site, so you can learn how to do it and customize the appBar as you want.
Tell me if it answered your question!