animated bottom navigation bar using flutter - flutter

I want to create an animated bottom navigationbar like show in the image below. How can I do that?
bot_nav_bar

Related

How do I create a button with animation in the center of the bottom navigation in Flutter?

enter image description here
I want to use this animation for Bottom Navigation on Flutter, but I don't know what to do.
There are a total of 5 tabs including the button with that animation applied.
Animation button is centered.
Help me, masters.
Floating buttons should not be used...

Flutter animation in botoomsheet

I am looking forward to creating a similar animation in the ModalBottomSheet, shown in the below image. The animation in the above bottom navigation bar Is there any idea how to achieve it?

Add Buttons to Navigation Bar that are aligned with the Title

So I have this navigation title, and I tried to align some buttons with it using .toolbar. But Whenever I lower it with some extra padding on the top (so that they can be aligned horizontally) the buttons stop being able to be clicked. Is there some kind of area around the navigationTitle where I can't hit buttons? How do I fix this?
You can add views including buttons to the Navigation bar using .naivgationBarItems(leading: View?, center: View?, trailing: View?)

Swift - Navigation Bar with background image and ContentView with rounded corners

I want to develop an app with a custom navigation bar like the one in the following image:
I think that I need to create a custom navigation bar that has a background image without a shadow below it. But I don't know how to add rounded corners to the top of the contentView.
Can you please give me some advice on what I should do, and links to any kind of documentation would be awesome!

Swift bar at the bottom of bar button item in toolbar

I am using a toolbar(at the bottom part of the screen, not as in the printscreen) and I am trying to add a bar at the bottom of the bar button that was last tapped, as in the printscreen(the baby blue bar on top of the blue bar).
Any idea how I could do this?
You need to do it programatically, then set the navbar y position at the bottom part, you wont be able to do it using Storyboard.