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
1
vote
2 answers

How to create a SliverAppBar, that has a upper pinned and lower floating element?

So I want to create a SliverAppBar where the upper part is pinned and always gets shown. The lower part has to be floating and appear on scroll down even when the top of the list isn't reached. The only way to make it kind of work for me was to add…
Christian
  • 834
  • 7
  • 18
1
vote
1 answer

SliverList setState to Affect Only Selected Item Flutter

I have a button on every item on my SliverList. When I click a specific list item button, I wish it change to a different widget by using setState. Only that specific item button should change to a different widget while the rest on the list…
marcusaureliusbrutus
  • 129
  • 2
  • 12
1
vote
1 answer

CustomScrollView: Body scrolls under SliverAppBar

Flutter DartPad I have multiple SliverAppBar's within a CustomScrollView, the body of the screen is within the SliverFillRemaining. The Top SliverAppBar is pinned The Middle SliverAppBar is an image and will collapse as the user scrolls Bottom…
mrgnhnt96
  • 3,562
  • 1
  • 17
  • 36
1
vote
1 answer

Flutter Sliver AppBar leading color

This is a Sliver AppBar. How can I change the color of the back arrow ? BUT I don't want to set leading: Icon(Icons.arrow_back, color: Colors.red) since (I believe) that the Sliver AppBar has the nice property of adapting the lead icon depending on…
Joris Limonier
  • 681
  • 1
  • 10
  • 27
1
vote
0 answers

how to customise DraggableScrollableSheet bottom sheet with flexibleSpace in sliverAppbar

I want to create bottom sheet like Instagram post sharing page everything work fine but I need to start flexibleSpace animation before DraggableScrollableSheet at the maxChildSize property and finished at maxChildSize Stack( children: [ …
Mohsen Haydari
  • 550
  • 5
  • 20
1
vote
1 answer

Flutter: nested ListView works. Nested SliverList don't, yet ListView contains Slivers

I ran into a particular issue. I am able to compose a vertical outer ListView which contains horizontal ListViews. Think of it as multiple Friend Suggestion Row on Facebook stacked on top of each other. This works fine. Because I want to utilize the…
Pepito Fernandez
  • 2,352
  • 6
  • 32
  • 47
1
vote
1 answer

SliverHeader behaviour management

My flutter app has a NestedScrollView with a headerSliverBuilder. My SliverAppBar inside this builder is like this: SliverAppBar( elevation: 0, snap: true, pinned: false, floating: true, forceElevated: false, primary: false, …
progNewbie
  • 4,362
  • 9
  • 48
  • 107
1
vote
1 answer

Listview.builder inside Sliver

I had a List of dynamic List of ListTile widgets and I wanted to load it lazily, i.e. ListTile will be built only when the user scrolls to that position. And I achieved it using ListView.builder(), and it was working fine for me. But, when I wrapped…
Kishan
  • 48
  • 2
  • 8
1
vote
1 answer

How to center the title of a SliverAppBar vertically?

I want to center the title vertically in my SliverAppBar. I found a solution on the internet where you put empty containers above and below the title so that the text is centered, but the problem is when you scroll up and only the small appbar is…
SOS video
  • 436
  • 9
  • 21
1
vote
0 answers

How to make SliverAppbar like Scaffold Appbar with extendBodyBehindAppBar = false

Hello I was making sliverAppbar with content that consist of animatedContainer and Listview. I want to remove the space beneath of sliverAppbar so that animatedContainer can be saw completely. How can I achieve this? In Scaffold Appbar it was…
Hojung Shin
  • 33
  • 4
1
vote
1 answer

SliverPersistentHeader nested in Container?

I build a SliverPersistentHeader with delegate, if I scroll down the searchbar is pinned to top. Now I want to add Text above the searchbar which should not be pinned at all. But somehow I need to group the text and searchbar, because I want them to…
combi35
  • 355
  • 4
  • 14
1
vote
2 answers

SliverAppBar at the bottom of the screen (flutter)

I don't know how to make a SliverAppBar at the bottom. I want it not to disappear when scrolling, I tried but it will show only on the bottom of the scroll.
Aquiko
  • 142
  • 1
  • 13
1
vote
0 answers

Flutter: How to animate sliver persistent header?

I'm new to flutter and would like to show one of the sliver persistent headers conditionally - if a button is clicked. Also, I'd like for this header to be animated. When the before mentioned button is clicked, this header should go from width = 0…
Coding Glass
  • 137
  • 1
  • 7
1
vote
0 answers

Flutter: Update scrollView physic without rebuild

I have created a custom SliverPersistentHeader that expands by stretching (over scroll) the scrollview to cover entire screen. Red border is device screen. SliverPersitentDelegate observes the scroll position and if it reached the trigger offset,…
Hashem Aboonajmi
  • 13,077
  • 8
  • 66
  • 75
1
vote
1 answer

How to return a combination of SliverAppBar and SliverList in flutter

I have an app that has a cart screen, in this screen I want to divide the ordered products according to their respective factories, so I want to use SliverAppBars and SliverLists. Now what I really need is to make a custom widget that can returns a…
Bakri Alkhateeb
  • 453
  • 1
  • 6
  • 16
1 2 3
…
30 31