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
0
votes
1 answer

Using SliverList with FutureBuilder item adding not updating list pagination, Flutter

I am getting not error but the problem is when i fetch next 10 record then record came and print in logcat but in SliverList record not adding in list, I don't know what is exactly problem is, data came and update list and suddenly its back to his…
Qutbuddin Bohra
  • 1,165
  • 1
  • 11
  • 29
0
votes
1 answer

Flutter SliverAppBar -- Allow scrolling until SliverAppBar is no longer visible

I am trying to create a CustomScrollView with a SliverAppBar. Since the SliverGrid that contains the main content may frequently have insufficient content to allow scrolling past the 'SliverAppBar', the UI now feels 'stuck'; the user can only scroll…
VLXU
  • 719
  • 5
  • 11
0
votes
1 answer

Facing RenderFlex overflowed issue with sliver appbar

I am facing below RenderFlex overflowed issue in sliver appbar, I tried Expanded widget but not good till now. this happens when the scrolling is done upwards. How should I resolve it? ERROR A RenderFlex overflowed by 62 pixels on the bottom. CODE …
user13410550
0
votes
1 answer

Is there a way to see the content when SliverAppBar is minimized in Flutter?

Is there a way I can see 'Text' part when SliverAppBar is minimized like the following picture? When scrolling using the following code, the 'Text' part seems to disappear. Is there a different Widget type I should be using instead? import…
Sean Park
  • 11
  • 1
0
votes
1 answer

Error while nesting a SliverList inside a StreamBuilder

I am using below code in my flutter application with firestore as database backend, earlier the sliver effect was working fine, but when I re-installed the application and then again tested then I faced the below error upon re-launch of the…
user13615795
0
votes
1 answer

Not able to get the Sliver Effect in my Flutter application

I am implementing below code but the sliver effect is not working at all. What wrong I am doing in the below code? I have referred this example link, in SliverFillRemaining I just replaced the Column() with StreamBuilder(), what else should I add or…
user13615795
0
votes
1 answer

Flutter SliverAnimatedList with firestore data updated

My scenario: a team of 5 users are using the app and looking at the same stream of data. When one user updates the data, the other team members should be informed via a simple animation. Using SliverAnimatedList I am able to animate when new data…
Jonathan Lim
  • 1
  • 2
0
votes
1 answer

Flutter - Widgets not scrolling in NestedScrollView

I am trying to make a page that contains a SliverAppBar, some Widgets with texts, and a List. I used a NestedScrollView that contains the Sliver header, and a Column, that itself contains the widgets with texts and the list. Here is the build…
Mathieu
  • 1,435
  • 3
  • 16
  • 35
0
votes
1 answer

scrolling to the top when typing on TextField on Flutter

I added TextFormField on SliverPersistentHeaderDelegate. After scroll to the middle/bottom and then typing on to the textField, SliverList automatically come to the top. How do I disable this? Full Code. class MyWidget extends StatelessWidget { …
BIS Tech
  • 17,000
  • 12
  • 99
  • 148
0
votes
1 answer

SliverList not updating as expected

I'm kind of new to Flutter so forgive my misunderstanding. Ultimately, I'm trying to have a list of slivers each with a list of widgets (items) and that this list of slivers can change as well as each list of items can change. Something…
Itamar Bitton
  • 777
  • 2
  • 7
  • 25
0
votes
1 answer

Change border radius only for inner edges of grids (SliverGridDelegateWithMaxCrossAxisExtent)

Need rounded corner only for edges of inner grids. In the below image, rounded corner only for BBC News -> (top+bottom) right ABC News -> (top+bottom) left If there are more than two columns, then second columns items should have rounded edges on…
Vjy
  • 2,106
  • 3
  • 22
  • 34
0
votes
2 answers

RangeError (index): Invalid value: Not in range 0..2, inclusive: 3

I am getting a flutter Range error despite putting a child count on the widget. This is the initial call for getting the elements from the logic. The logic works fine and it maps properly but it's showing a range error despite all the length's being…
Vedant Yogesh
  • 19
  • 3
0
votes
1 answer

Add AppBar inside SliverAppBar in Flutter

I'm new to Flutter. I wanted to show the search box inside the SliverAppBar and show items in grid view at the bottom. so that when the user slides up, it will show only the search box inside the sliver app. Now it looks like this…
user2609021
  • 681
  • 2
  • 11
  • 30
0
votes
1 answer

Is it possible to have both 'expand' and 'contract' effects with the slivers in Flutter?

I have implemented a screen with the CustomScrollView, SliverAppBar and FlexibleSpaceBar like the following: Now, I'm stuck trying to further expand the functionality by trying to replicate the following effect: Expand image to fullscreen on…
cobster
  • 105
  • 1
  • 12
0
votes
1 answer

Flutter Horizontal CustomScrollView with Snap & Floating

Is there any way to build a Sliver widget that functions like SliverAppBar? SliverAppBar doesn't work well with a CustomScrollView when scrollDirection is horizontal. I want to have a widget where snap and float is true, but pinned is false. For…
Darryl Johnson
  • 646
  • 6
  • 14
1 2 3
…
30 31