What's new

Flutter - How to make a row to stay at the top of screen when scrolled


Active member
Staff member
Iam trying to implement a appbar like this enter image description here

When scrolling down I need to hide the search bar alone and pin the row and the tabs on the device top. Which is like enter image description here

And when we scroll down the all the three rows needs to be displayed.

Using SliverAppBar with bottom property tabs are placed and pinned when scrolling, but a row above it should be pinned at the top above the tabbar. Im not able to add a column with the row and tabbar because of preferedSizeWidget in bottom property. Flexible space bar also hides with the appbar so I cannot use it. Does anyone know how to make this layout in flutter.

Continue reading...