Stack Overflow
Stack Overflow

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.

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.

Flutter has a few Sliver implementations out of the box, such as:

Check this page on the docs for general Sliver information in flutter.

460 questions
90
votes
8 answers

Horizontally scrollable cards with Snap effect in flutter

I want to create a list of cards scrolling horizontally with snap to fit effect when swiped either from left or right. Each card has some spacing between them and fit to screen similar to below image Apart from that these horizontally scrollable…
WitVault
  • 23,445
  • 19
  • 103
  • 133
61
votes
2 answers

Differences between SliverList vs ListView in Flutter

What are the differences between SliverList and ListView in Flutter?
Rafiqul Hasan
  • 3,324
  • 4
  • 20
  • 28
39
votes
5 answers

Flutter How to check if Sliver AppBar is expanded or collapsed?

I am using a SliverAppBar in Flutter, with a background widget. The thing is When it's expanded, the title and icons (leading and actions) should be white in order to be seen correctly, and when it's collapsed, they should be changed to black. Any…
Sina Seirafi
  • 2,073
  • 3
  • 15
  • 16
37
votes
1 answer

Flutter sliver container

I'm new to flutter and I'm not able to achieve the layout I want. I have one sliverAppBar with 3 tabs. The content of one of the tabs has to be a ScrollView compound by one container with fixed size(with an image as background) and a ListView. I've…
niegus
  • 1,698
  • 4
  • 22
  • 34
31
votes
6 answers

Flutter Exception: ScrollController attached to multiple scroll views

My Flutter application is throwing an exception (ScrollController attached to multiple scroll views) when navigating away from a page that has a ScrollController to control a NestedScrollView and I am not sure what I am doing wrong. I have recreated…
dewald
  • 5,133
  • 7
  • 38
  • 42
28
votes
2 answers

Is there any definite list of Sliver widgets

I am trying to use Sliver to implement collapsible list header. As I am changing widgets from normal to Sliver I often end up with error like…
robotoaster
  • 3,082
  • 1
  • 24
  • 23
27
votes
2 answers

Listview inside the scroll view in flutter

I am trying to make this type of view there 3 types of news latest,sport and old news which are having 3 listview the data is populating but i am unable to scroll it the list view or the complete scroll view is not scrolling i had trying it from…
ayub baba
  • 389
  • 2
  • 8
  • 14
27
votes
5 answers

how to implement a sliverAppBar with a tabBar

the flutter document show a demo for SliverAppBar + TabBar + TabBarView with ListView use NestedScrollView, and it's a bit complex, so I wonder is there a simply and clear way to implement it. I tried this: CustomScrollView slivers: …
walker
  • 627
  • 1
  • 6
  • 19
26
votes
4 answers

Flutter TabBar and SliverAppBar that hides when you scroll down

I am trying to create an app with a top application bar and a tab bar below. When you scroll down, the bar should hide by moving off the screen (but tabs should stay), and when you scroll back up, the application bar should show again. This…
themthem
  • 533
  • 2
  • 11
  • 25
26
votes
4 answers

Flutter Fixed Button in CustomScrollView

How to make a button Fixed "Sticky" in bottom of CustomScrollView How to achieve like the screenshot https://i.stack.imgur.com/RDCn9.png
essayoub
  • 713
  • 2
  • 8
  • 14
25
votes
4 answers

flutter ListView KeepAlive after some scroll

I want to keepAlive my widgets which are already rendered in ListView. I was tried with addAutomaticKeepAlives:true properties which provide by ListView class. Here is my sample code which I was used. Same issue in SliverChildBuilderDelegate…
NIRAV PATEL
  • 1,191
  • 2
  • 10
  • 14
24
votes
5 answers

Separator/Divider in SliverList flutter

How can we implement Separator/Divider in SliverList. ListView.separated is handy way to create separators in list but i do not see any docs or examples about SliverList
inval
  • 380
  • 1
  • 4
  • 11
24
votes
1 answer

Add space between SliverAppBar and SliverList in Flutter

I have a SliverAppBar and below it, a SliverList. The first SliverList item is too close to the SliverAppBar. I'd like to add some spacing between, whether via a bottom margin below the SliverAppBar or above the SliverList. How can this be done?
Dave
  • 28,833
  • 23
  • 113
  • 183
21
votes
1 answer

Make SliverAppBar have an image as a background instead of a color

I have a SliverAppBar with a background image. When collapsed it has a blue color as a background: But instead of the blue color I want it to show the background image when collapsed: How can I achieve this? I've already tried to give the app bar…
Mamo1234
  • 958
  • 1
  • 12
  • 24
21
votes
6 answers

flutter implement sticky headers and the snap to item effect

For the last few days, I've been reading through flutter framework documentation and especially the sliver part but I'm not quite sure where to start. I'm trying to implement the sticky headers and snap effect. Might the RenderSliverList be a good…
Norbert
  • 947
  • 2
  • 10
  • 15
1
2 3
…
30 31