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

Flutter - check if SliverAppBar

I want to change the padding of my title in the FlexibleSpace when the SliverAppBar is collapsed. Is there a way to achieve this? Scaffold( body: CustomScrollView( slivers: [ SliverAppBar( expandedHeight: 150.0, …
Kinnay
  • 79
  • 7
1
vote
1 answer

SliverChildListDelegate and children initState

It is required to implement lazy loading of content and components via API using SliverList on the page. I assumed that it is possible to load content through the API in children by accessing the API initState, but in this way, since…
Crisis
  • 13
  • 4
1
vote
1 answer

How to create IPhone's today view like list?

How to create this type of scrolling animation, when top element move backward.
Kherel
  • 14,882
  • 5
  • 50
  • 80
1
vote
1 answer

Flutter: Can't refresh image picked on SliverAppBarDelegate

I am new on flutter, i am use the code below to pick and crop image, the app is successfully working, I can pick and crop the image from gallery or camera but the image don't refresh until click hot reload button in vscode. This is the code: import…
Pillo
  • 347
  • 1
  • 4
  • 15
1
vote
1 answer

Flutter: Flutter: How to make finest this Slivers efect

first sorry for my bad English, I will try to explain myself as best as possible I made an item from a list with an effect like this: When I scroll to fill the lower fields, the image size will be reduced to a minimum height, the flat button font…
Pillo
  • 347
  • 1
  • 4
  • 15
1
vote
0 answers

Flutter - SliverFillRemaining goes behind SliverPersistentHeader

I'm using a CustomScrollView that has this hierarchy: SliverPersistentHeader SliverPersistentHeader SliverFillRemaining The 1st SliverPersistentHeader isn't pinned, the 2nd SliverPersistentHeader is pinned and I expect that SliverFillRemaining…
Juvi
  • 1,078
  • 1
  • 19
  • 38
1
vote
1 answer

Detect item exiting view in CustomScrollView

Currently I'm showing a CustomScrollView inside a bottomSheet. CustomScrollView( controller: scrollController, slivers: [ SliverPersistentHeader( pinned: true, delegate: MonthViewHeader(widget.weekDays), …
Mehrdad Shokri
  • 1,974
  • 2
  • 29
  • 45
1
vote
1 answer

Flutter SliverAppBar and SliverList have different scrolls

[Initial Postion][1] [Scrolling from SliverList side][2] [Scrolling from SliverAppBar side][3] class ProductScreen extends StatelessWidget { static const routeName = "/product-screen"; @override Widget build(BuildContext context) { …
1
vote
3 answers

Avoid rebuilding of children while scrolling in SliverGrid in flutter

Hi I am using the below code in a CustomScrollView to show images in grid using SliverGrid and SliverChildBuilderDelegate. On Scrolling very fast, the children widget that has already have cached image gets destroyed when gone off screen and rebuilt…
Shashi Kiran
  • 999
  • 5
  • 13
  • 27
1
vote
1 answer

Widgets in tabbarview take extra bottom spacing.How to justify their heights according to content?

I'm having two tabs in my tabbar and card widget which makes up both of tabbarviews. I am using Slivers in this case.CustomScrollView is my parent widget. I am displaying Texts in these views but they take extra empty spacing from bottom which I…
1
vote
0 answers

'findRenderObject' was called on null. SliverList with Key.currentContext.findRenderObject(),

I'm trying to make a sticky TabBar that when i press to any of it's tabs, scrolls me down to it's part, i implemented that with sliver for the sticky bar, and keys for scrolling. it's working but when i go from the top to the lowest bottom or vice…
1
vote
0 answers

Flutter: NestedScrollView Header TabBar obstructs/overlaps TabBarView Elements

My goal is to use some kind of Profile Page where I have a SliverAppBar at the top which has a tabBar as bottom to switch between the Lists or elements shown below the AppBar. I found that this is archived by NestedScrollView but noticed a strange…
astrorain
  • 51
  • 1
  • 6
1
vote
1 answer

How to create Expandable/Contractable Horizontal ListView?

I am quite new to flutter, but I want to create an app in which my main vertical list could be dragged from bottom part of the screen to above part and when I do that my horizontal listview(as shown in image) will fade away, for this I thought of…
1
vote
1 answer

how to corner radius on SliverGrid / SliverList on Flutter

Is it possible to borderRadius to SliverList / SliverGrid? If yes, how to radius topRight and topLeft CustomScrollView( slivers: [ SliverAppBar( ), ), SliverGrid( gridDelegate: …
BIS Tech
  • 17,000
  • 12
  • 99
  • 148
1
vote
1 answer

Reverse the order a SliverFixedExtentList is built in Flutter

I have a FutureBuilder on the homepage of my app that returns a SliverFixedExtentList after the future is complete. It looks something like this: import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:flutter/material.dart'; import…