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

Reducing Jank in Flutter progressive web app

Woah! I've spent several hours refactoring nested ListViews to a parent CustomScrollView & child Slivers. The errors Slivers produced were opaque and frightening, with nothing illuminating in Logcat; sleuthing devoured much of the time. Anyway,…
Sam
  • 1,659
  • 4
  • 23
  • 42
0
votes
2 answers

ListView.builder is not scrolling in flutter

i'm trying to integrate a listView.builder in my UI! First of all, the whole content of the screen is inside a CustomScrollView that has silver widgets inside of it. Everything works pretty fine unless that my listview is not scrolling. Here is the…
Fedy Belaid
  • 157
  • 11
0
votes
0 answers

Flutter CustomScrollView best practices

I have some code like the following: return CustomScrollView( children: [ SliverPadding( padding: EdgeInsets.only(left: 8), sliver: Container(/* */), ), SliverPadding( padding: const EdgeInsets.only(left: 8), …
Benjamin
  • 5,783
  • 4
  • 25
  • 49
0
votes
1 answer

SliverAppBar have an image as a background, circle avatar and title

I am trying to achieve something similar to this where I have background, circle avatar, and title, and when scrolling up the avatar disappears but the title remains. What I have been able to do is get the background image applied, and the sliver…
Boss Nass
  • 3,384
  • 9
  • 48
  • 90
0
votes
1 answer

How to animate(stretch & shrink) appbar(PreferedSizedWidget) in flutter?

I'm going to implement some nice animation to sliver appbar's bottom property. So that when i pressed on the button, it should show up like fadeinDown animation. and at the next time should disappear with fadeOutUp animation. As you can see now it…
Lazizbek Fayziev
  • 19
  • 6
0
votes
0 answers

NestScrollView inside NestedScrollView flutter

I'm working on a project and I got this very intuitive UI problem. I want to structure my widget tree in this way -> NestedScrollView -> TabView -> NestedScrollView -> TabView -> Custom scrollView (I just want to scroll those items in the Tabview…
Creator
  • 303
  • 4
  • 23
0
votes
1 answer

How to remove this empty whitespace on sliverappbar?

is there any solution on how to remove this space? i search for any solution but i haven't found it yet, please help me if you know it this is the code: SliverAppBar( shape: const ContinuousRectangleBorder( …
1988
  • 309
  • 2
  • 15
0
votes
1 answer

Flutter CustomScrollView body is briefly visible before SliverAppBar

I am using a custom scroll view inside some pages that already have a top section and a pinned SliverAppBar within. So the SliverAppBar is not docked at the top of the screen. The problem is that when I scroll, the SliverList can be visible briefly…
Remi Martin
  • 51
  • 6
0
votes
0 answers

Changing the design of a widget after scrolling in sliver app bar

I want to design this ui bellow in flutter the problem is the categories list as you can see it changes on scroll the items design change from vertical to horizontal, here my code down bellow, I m wondering how can I do that on flutter Click here to…
Abdelilah09
  • 1
  • 1
0
votes
1 answer

How do you create grid items that are auto-sized based on the size of the text in a SliverGridDelegate?

GridView.custom( gridDelegate: SliverQuiltedGridDelegate( crossAxisCount: 2, mainAxisSpacing: 4, crossAxisSpacing: 4, repeatPattern: QuiltedGridRepeatPattern.inverted, pattern: [ const QuiltedGridTile(2, 1), const…
ArvinT
  • 435
  • 4
  • 11
0
votes
0 answers

how can I achieve something like this with flutter sliver app bar?

I want to achieve the design provided below. The design is scrollable with a tab bar. The scroll functionality has been achieved but the card between tab bar and sliver app bar is something I could not achieve. The code I have…
Raven Ben
  • 21
  • 2
0
votes
1 answer

Flutter: how to override the private state implementation of a Cupertino widget?

I will first give a bit of background of my problem and then ask the actual question which I am trying to achieve: BACKGROUND: I posted this earlier question about preventing rows from disappearing as soon as they entered the padding area of the…
sudoExclaimationExclaimation
  • 7,992
  • 10
  • 47
  • 105
0
votes
1 answer

How to implement a Sliver App Bar with Tabs & other widgets above Tabs?

How to implement a SliverAppBar with Tabs & Widgets above Tabs? How to create a SliverAppBar like Talabat App: Please, check the below - video. How to solve it? What can I do? I am doing... https://youtube.com/shorts/HeuOTpdRZYY I tried the…
Muhammad Kamel
  • 3
  • 3
0
votes
2 answers

How do i make the last widget always be at the bottom of the screen?

So i'm currently creating a detail page. Im trying to get a particular look and ive tried quite a few different approach such as using expanded Slivefill but im unable to get the desired look. From the above image, From the left the first case is…
adam danial
  • 21
  • 7
0
votes
2 answers

FlutterError (A RenderViewport expected a child of type RenderSliver but received a child of type RenderFlex

I have a CustomScrollView widget and inside of it there is a Column which contains a nested SliverList instead of ListView.builder because of some performance issues, and the problem is I cannot use SliverList inside the Column. Below is the full…
Hama Sabah
  • 342
  • 4
  • 9
1 2 3
…
30 31