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

Flutter - SliverChildList Text overflow

I'm trying to get my app polished and noticed an issue with the SliverChildList I'm using. When the Text inside is too long to be displayed I get an expection thrown. How am I able to correctly wrap the Text (not cut) As in my example most of the…
lechnerio
  • 884
  • 1
  • 16
  • 44
0
votes
1 answer

Render constraints for SliverList

It is possible to set some constraints on where the SliverList stops rendering? For example, if we have a transparent SliverAppBar and SliverList, the sliver list will be visible behind the SliverAppBar, can we somehow set the render constraints to…
Levy77
  • 219
  • 1
  • 9
0
votes
0 answers

Flutter - Gridview part is not visible on my screen after building the app

Flutter - Gridview part is not visible on my screen after building the app output on screen Console Output: console output only the button part is visible but not the gridview part. Can someone suggest what changes to do.. Here is the code:- body:…
0
votes
2 answers

How to constrain the width of GridView with a Scrollbar in Flutter?

I am trying to display a scrollbar on the right-hand side of a ScrollView (a GridView in this case) but constraining the width of the scrollable area while still displaying a scrollbar on the right-hand side. I can't see how to customize the…
0
votes
2 answers

How to programmatically Collapse or Expand SliverPresistentHeader [custom floating app bar]

I am trying to programmatically collapse or expand the SliverPresistantHeader with the reference from shrinkOffset value. I have looked everywhere to find how to implement this feature, but I couldn't find any solution (so here I am asking). Here my…
its_sap
  • 9
  • 3
0
votes
2 answers

Searchable SliverGrid Rendering Wrong Items

I have a SliverGrid. I have a search field. In my search field onChange event I have a function that searches my local sqlite db based on the keyword entered by the user returns the results and reassigns to a variable and calls notifyListeners(). …
user3718908x100
  • 7,939
  • 15
  • 64
  • 123
0
votes
1 answer

Flutter, using FutureBuilder within SliverFillRemaining

I am building a FutureBuilder with a Listview within a SliverFillRemaining. And I think since Sliver is already within a CustomScrollView the scroll function doesn't work properly. Once it scrolls down it doesn't scroll back up. Below is the…
James Min
  • 11
  • 1
  • 3
0
votes
1 answer

How to make the whole screen scrollable with ListView.separated

I have tried using SingleChildScrollView, with setting the child Column with a MainAxisSize.min but was not able to find a WORKING answer. Here is how my widget tree looks like: Scaffold Stack Column Row SizedBox FutureBuilder …
Shlok Jain
  • 343
  • 8
  • 17
0
votes
1 answer

How to stop scrolling in nestedScrollView if body is empty

Sometimes my body widget have data and sometimes not so i need to stop scrollig in nestedScrollView when body is empty but unable to fix it NestedScrollView( //controller: model.scrollController, headerSliverBuilder:…
Lalit Rawat
  • 1,022
  • 2
  • 17
  • 39
0
votes
0 answers

How to show sliver app bar for a future builder body

I have a future builder for the body of the page. The way I implemented the page is a CustomScrollView inside a FutureBuilder. (based on the accepted answer of this question How to use FutureBuilder inside SliverList) So the entire page, sliver app…
MAA
  • 1,294
  • 3
  • 18
  • 34
0
votes
1 answer

Dynamically adding items to top of SliverList - state of previous item is incorrectly kept

I have a List recentlyScanned of items that I am drawing in a SliverList like so: SliverList( delegate: SliverChildBuilderDelegate( (BuildContext context, int index) { return ListTileItemProduct2(data: model.recentlyScanned[index]); …
user1048175
  • 1,100
  • 3
  • 12
  • 29
0
votes
1 answer

Two list GridViewBuilder and ListViewBuilder on a single flutter screen

I'm fresh new to flutter, so I'm trying to merge two different list. The first list is GridView.builder() and second is ListView.builder(). The first grid list scroll horizontal and second list view scroll vertical. When user scroll the second list…
wahabsohail
  • 55
  • 1
  • 8
0
votes
0 answers

Flutter Sliver List with Future Json Data

I am running into an issue trying to populate a SliverFixedExtentList with children from a JSON API response. I have a function _getMyListOfCustomJsonObjects() that returns a Future<'List<'CustomJsonObject>>. I am fairly new to flutter, but my…
AustinT56
  • 1
  • 1
0
votes
1 answer

How to detect SliverAppBar is pinned

I am slivers to my application. What I want to do is when the SliverAppBar is fully scrolled up I want to show a different Widget inside it. Can anyone provide some help on this? I understand using SliverPersistentHeader something like this can be…
Janaka
  • 2,505
  • 4
  • 33
  • 57
0
votes
2 answers

How to use StreamBuilder inside CustomScrollWidget?

I'm trying to show some data from sqlite and everything is ok but I can't use StreamBuilder inside CustomScrollView it says: A RenderViewport expected a child of type RenderSliver but received a child of type RenderPositionedBox. Then I wrapped…
Fatih Tirek
  • 38
  • 1
  • 6