I have a CustomScrollView with several slivers and a floating sliver app bar at the top. I'd like to be able to tap the app bar and have it expand vertically over the slivers below. Currently expanding the panel pushes the subsequent slivers down instead of expanding over them.
Related
I wanted my button to shift below the content when the keyboard opens or there is no space on the screen, and when there is more space it should stick to the bottom of the screen. For that, I use a CustomScrollView but now the jittery effect is there. How can I make this transition smooth?
Here is the video of the screen:
Rendered Screen
In order to align my button on the bottom of the screen, So I used a CustomScrollView with two sliver widgets SliverToBoxAdapter and SliverFillRemaining with hasScrollBody: false and aligned the button by wrapping in a Align and set alignment: Alignment.bottomCenter.
Widget Tree
how to keep a specific container of a ListView on the top of the screen when scrolling down?
for example:
appBar
image1(inside the listview)
tabs(should stay below appBar but image1 disappears when scrolling down)
list item 1
list item 2
....
navBar
You have to work with SliverList and SliverAppBar to achieve a layout like that.
Read more about it in this article.
I created a screen with nestedscrollview that consist of a sliverappbar to hide when scroll and body with pageview. but when i switching between pages with swipes the scroll is not behaving as expected. the sliver app bar not expanding when swiping forward and its working fine when swiping backward to previous pages in pageview. Is there any way to force scroll from top on every page view?
How to prevent Textfield scrolling when text is longer then screen height the problem is that I have CustomScrollView inside of it horizontal ListView and textfield and I want that when you scroll text inside textfield it would scroll with ListView now it scrolls just text and leaves ListView pinned to the place, but if you scroll while tapping outside textfield it works as expected.
Seems that nested scrollview would solve such problem but no idea how to implement it with two child widgets
You can use a NestedScrollView and a controller and then ListView will work.
I use a CustomScrollView and for children I have SliverAppBar and SliverList. So right now list is being rendered after app bar but my app bar is transparent and I would like list to be rendered under app bar (basically ignoring AppBar). Is it possible to do?