How can i create appBar which visible when i scroll to a specific widget in flutter?

Question

See, the header is transparent with just a back leading icon See how the header changed

I want to achieve the same effect. If i could add a transition between the two app bars that would be even better!

I have tried using "SliverAppBar" but if I add a leading back button in app bar, it stays there in the title!

See the arrow button and if I add action button it will also be visible

I only want the arrow to be visible here

Answer 1

You can use sliver app bar provided by flutter inside custom scroll view. You can find example here and flutter documentation here