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
0 answers

PaginatedDataTable not scrolling horizontally

I've tried in many ways to make the layout user friendly. now I'm having issue with PaginateDatatable is not scrolling horizontally and causes overflow to be hidden like in image. Note: I'm trying to scroll rows area without scrolling Rows per page:…
Poula Adel
  • 609
  • 1
  • 10
  • 33
0
votes
0 answers

Overlap of slivers

I have a problem with SliverPersistentHeaders. I have CustomScroll with CupertinoSliverNavigationBar and custom SliverPersistentHeader, with SearchTextField and button. My custom SliverPersistentHeader is floating. But when i scrolling back, it's…
0
votes
1 answer

Add image to top left of screen (FLUTTER SCROLL)

So I have a pretty simple issue. I have an image. Lets say its 'assets/images/user.png'. I want that image to appear in the top left of the app (In the middle of the white circle). When the user scrolls downward, the title, and description both…
Promaster
  • 162
  • 1
  • 12
0
votes
0 answers

How to have a tab bar with tab views with sliverAppBar in flutter

I am trying to combine two complex views from flutter. Basic idea is that I wanna have a sliver effect with an image that moves about when scrolling the screen. A note to mention is that im trying to implement this for a flutter web view. So far I…
Jason_dd
  • 1
  • 1
0
votes
1 answer

Flutter Sliver Appbar not showing Icons

I have implemented a SliverAppBar in my Flutter app, but I'm having trouble getting the back button to show up on the left side of the app bar. I've set the leading property of the SliverAppBar to a BackButton, but the button doesn't appear. the…
FadyFouad
  • 815
  • 6
  • 12
0
votes
1 answer

Using listview inside sliverlist in flutter

I'm currently using vertical_scrollable_tabview widget. It uses a sliverList to build the list. The list I need to use contains a list of object, so I need a way to implement a listview inside of this sliverlist. This list of object is dynamic, so…
Marcello
  • 33
  • 1
  • 3
0
votes
1 answer

Flutter FutureBuilder in SliverList

I want to list items from a FutureBuilder inside a SliverList. I found a possible solution here How to use FutureBuilder inside SliverList but not worked for me. This is my code, it works, but i cannot declare the "childCount" as…
xpe
  • 19
  • 5
0
votes
0 answers

infinite_scroll_pagination loading all the pages altogether: Flutter

I am making a Flutter Application where I am using Lazy Loading to load the data from server. Now, the page I have made consists of following widgets in order- Stack (with a button and a container) SizedBox (for spacing) SliverPagedList (to show…
0
votes
0 answers

How can I create nested sliver list with a single sticky header for each nested list

I have a nested sliver list view with three levels: Root, containing groups Group, containing sub-group. Subgroup, containing items. Each group has it's own sticky header which is always present on the screen. I use sliver_tools to do so. The…
Tumist
  • 119
  • 3
  • 11
0
votes
1 answer

How to create Card list with multiple Sizes in flutter?

enter image description hereI want to make Card list for products with multiple sizes like if the builder crossAxisCount:2, one should be square card and the other is rectangle card to seem catchy to eye i tried to add the sizes by my self for each…
0
votes
0 answers

`CustomScrollView` with `SliverFillRemaining` show jittery effect

I wanted my button to shift below the content when the keyboard opens or there is no space on the screen, and when there is more space it should stick to the bottom of the screen. For that, I use a CustomScrollView but now the jittery effect is…
0
votes
0 answers

Flutter - Sliver App Bar (Use Buttons instead of Tabs)

We are using Sliver App bar for our app. The difference in our app is we have multiple buttons instead of tabs (as shown in "Final Result" in the article…
0
votes
1 answer

A widget in my SliverAppBar is causing a bottom overflow, how do i correct this in flutter?

I use a SliverAppBar and use flexibleSpace title instead of the default sliver title, on portrait mode, it is perfectly fine as shown : But when i get to landscape mode it causes a bottom overflow by 13px, VScode tells me the renderflex is caused…
tesseract
  • 144
  • 1
  • 12
0
votes
3 answers

Failure to display anything in ListViewBuilder

I have a ListView in a CustomScrollView widget that should display some text but the problem is that it does not display anything. if i remove the CustomScrollView widget, the problem will be solved! But i need to use CustomScrollView What is the…
0
votes
1 answer

SliverPersistentHeaderDelegate should collapse before the Remaining widgets scroll under it

I am trying to make SliverPersistentHeaderDelegate to collapse first and then the rest of the screen to scroll. Here is the code. class MyHomePage extends StatelessWidget { const MyHomePage({ super.key, }); @override Widget…