Hot to create custom sliver appbar in flutter - flutter

Can anyone help me to build custom sliver app bar like sliver app bar on this picture. First condition is expanded state, second condition is collapsed state.
I don't know how can I create sliver that will be shaped as I want.check it out

Related

Is there any way I can implement pull down appbar in flutter?

Can anyone suggest to me how can I build a pull-down appbar. I searched the whole net but can't find any idea regarding this. It would be great if anyone could guide or suggest to me to build the appbar.
Edit:-
Many developers are saying to use SliverAppBar. SliverAppBar basically collapses the app bar when we scroll up the listview or any other widget, whereas I want an app bar that pulls down i.e when we tap the app bar and scroll it down only the app bar grows on top of the body. So basically when we navigate to the home screen the app bar should look like the second referred image i.e it must be closed. But we can pull down that appbar to view the hidden contents of the appbar. I am attaching an image for reference.
I Think what you mean what pull down App is an Appbar that expands try.
the silver Appbar
https://youtu.be/mSc7qFzxHDw

How to make An AppBar with widget in app?

How can we make an Appbar like this which is auto adjustable ,can have this many widgets and items benwath it can be scrollable?
You Can use Sliver App Bar See many be

Is it possible to add two different background images when sliverAppBar collapsed and when it's expanded in flutter?

Hi, everyone! I want to add two different images for SliverAppBar. One for when app bar collapsed and one for expanded app bar. In the above image for collapsed app bar. And below image for expanded app bar.
How can I achieve that? And how I can animate images to transfer smoothly from expanded to collapsed and reversely? Please help!

I want to make a container under app bar which works like a secondary App Bar where I can put my back icon button and title in the center in flutter

I have tried everything. But I can't find a permanent solution How to put the title in the center while my back icon button on the left side. I want to use this secondary app bar on every screen of my app.
Please check the image below for a better understanding.
This is the problem that I am facing
Take a ListView Widget at body of Scaffold and in its children put first widget as a ListTile that comes under AppBar. So that there will be a leading icon and title in center. After that take a Column and add your needed widgets for every page.

Implement next,previous,home page,share button throughout my flutter app

1.I have created a lesson app USING FLUTTER in which I want to implement next,previous,share & home button in each page...How can I do this
2.I need your help
If you have a scaffold, this will have an appbar and you place the actions in the appbar with icon buttons.
A scaffold also has a body which can be a pageview which in turn, can hold your various pages.
Depending on the app, you might get the pageView or a gestureDetector to give you swipe left and right for your previous or next.