Questions tagged [flutter-sliver]
A Sliver is a portion of a scrollable area that animate on scroll events, like stick to the top or expand when pulled to the bottom. You can use slivers to achieve custom scrolling effects. Flutter has a few Sliver implementations out of the box, such as SliverList, SliverGrid and SliverAppBar.
flutter-sliver
479
questions
0
votes
1
answer
33
views
How to Properly Configure Nested Scroll with SliverOverlapAbsorber in Flutter
I’m building a profile screen in Flutter using a NestedScrollView. I already have a SliverOverlapAbsorber for my SliverAppBar, but I need to add another one for my TabBar. Due to dynamic content with ...
0
votes
1
answer
36
views
Flutter sliver How to achieve this nested scrolling layout?
I want to achieve a complex scrolling behavior in flutter. I assume sliver is the way to go but I could not find a way to solve my problem.
Here is a screen of the content I want to scroll:
The ...
1
vote
1
answer
40
views
How can I implement the iPhone Safari search bar at the bottom UI (floating action) in Flutter?
[enter image description here](https://i.sstatic.net/tCkIRzOy.png)
I like how the search bar on my iPhone's safari is below and the box gets bigger and smaller in real time when I scroll, so it doesn'...
0
votes
1
answer
29
views
Is there a way in flutter to have nested ListViews without using shrinkWrap or specified height for the sublist?
I need to have a list of elements. Each element will have a list (for example, parent comment and its list of replies). But in this case I need to provide shrinkWrap: true or to provide Container with ...
0
votes
1
answer
44
views
Flutter SliverAppBar clip flexibleSpace widget on scroll
I am making an app that pushes a flexibleSpace widget in a SliverAppBar when the user starts scrolling but I'm running into some issues. The flexibleSpace overflows into the list due to using the ...
0
votes
1
answer
70
views
Flutter Sliver Sticky Header hide content behind rounded corners
I implemented a SliverStickyHeader which is working just fine within my CustomScrollView. I only have one problem:
My Sticky header is basically a Container with borderRadius. Now I want my content to ...
-1
votes
4
answers
56
views
I want to achive this nested list UI in flutter
How could we achive this UI in flutter?
The top row buttons hide when scroll up and visible when scroll down and the listview is wrap in a card widget.
https://youtube.com/shorts/6e3q47AMXoU?si=...
0
votes
0
answers
14
views
How to detect movement of an item in a SliverReorderableList while the draggable item is still in overlay in Flutter?
I'm currently using a SliverReorderableList in my Flutter project to display a list of items. I need to detect when an item in the list has moved, even while the draggable item is still in overlay (...
0
votes
0
answers
46
views
Header of NestedScrollView not pushing body content down
I have some expandable cards in the header of my NestedScrollView. When i toggle the cards i expect it to push the ListView in the body of the NestedScrollView up and down, but it remains static. This ...
0
votes
0
answers
56
views
Flutter Pinned Widgets in Scrollable UI
I am trying to create a UI where the user can tap on a widget in a scrollable viewport to select it, and have that tapped widget(s) become pinned in the scrollable viewport so that they cannot fall ...
0
votes
1
answer
102
views
SliverAppBar and title
I have a SliverAppBar, but I want to make it so that when the user starts scrolling, the title becomes like a regular AppBar (centered on top) + before scrolling, it was on the left, not in the center....
0
votes
0
answers
68
views
Why does slivergrid have poor scrolling animation compared to gridview with shrinkwrap?
I am creating a home page for an e-commerce app that should contain a grid displaying the best selling products.. I used a CustomScrollView widget and created a slivergrid displaying products. The ...
0
votes
0
answers
43
views
Maintain scroll position when contents shrink in Flutter scroll view
I am working with a scrollable list of widgets that can change size along the scroll axis. When these size changes take place, I would like the scroll position to remain anchored to the start of the ...
0
votes
0
answers
39
views
Flutter - Gradient Not Fully Covering Image in SliverAppBar
Hello Flutter community,
I am encountering a visual issue with a SliverAppBar in my Flutter application. I've implemented a SliverAppBar which contains a background image and a gradient overlay. The ...
0
votes
1
answer
127
views
How to make nested scroll view to use parents scoll behaviour
I am trying to have the content of my page inside a sliver list but when I scroll, the list of the page and the sliver list scroll behaviours are independent of each other. I want it so that both ...