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

How to place a Column in a title of FlexibleSpaceBar in SliverAppbar

I am working with SliverAppBar, where I used an image in flexibleSpace: FlexibleSpaceBar to fade it during scrolling. I also used a title of FlexibleSpaceBar, which is placed under the image, so when I am scrolling down, an image disappears and…
RobEleven
  • 29
  • 3
0
votes
1 answer

Flutter animate sliver size change

On Flutter, is there something similar to AnimatedSize for slivers? I want to animate a sliver's size change. What I Tried When I just wrap a sliver with AnimatedSize, Flutter throws these errors: A RenderAnimatedSize expected a child of type…
Shawn
  • 83
  • 1
  • 7
0
votes
1 answer

How to place SliverToBoxAdapter inside of a Column?

I am struggling with placing SliverToBoxAdapter inside of a Column. I need to keep widgets stuck in column, not scrolling them. I do need any CustomScrollView and scrolling property obtained by slivers. The error which appears is: A RenderFlex…
RobEleven
  • 29
  • 3
0
votes
1 answer

Equivalent of position: sticky in Flutter?

I want to build something similar to this Spotify UI. Initially, all buttons are in a single row, (green heart, download, three dots and green play button) But after the page is scrolled, all other buttons gets scrolled above, and picture gets…
Sanketh B. K
  • 759
  • 8
  • 22
0
votes
0 answers

how can I achieve these effects in design (snap effect, change align when scrolling)

I need to design screen like this in short videovideo_link I did this but its not very similar to the previous effect here I create CustomScrollView with NotificationListener to achieve snap effect, but is still begging and isused TransitionAppBar…
Abd Alazeez
  • 126
  • 1
  • 5
0
votes
1 answer

How to create a fading edge with SliverList in flutter

I am trying to create a fading edge with Flutter's SliverList. Like this: Here's my code: class MyWidget extends StatefulWidget { const HymnView({Key? key}) : super(key: key); @override State createState() =>…
daniel
  • 163
  • 2
  • 8
0
votes
0 answers

Flutter: Reduce space in ExpansionTile using SliverAppBar

I am using a SliverAppBar with an ExpansionTile as the body. Expanding the ExpansionTile the app displays a ListView.builder. Using the SliverAppBar it somehow adds some space between the subtitle and the children of the ExpansionTile. Adding an…
Nick
  • 71
  • 11
0
votes
1 answer

Animated Listview-item to show more information

I want to add an animation to my ListView items. Therefor I wrapped them in an AnimatedController and made the height dynamic to show more information after the user taped on the item. Here is my code: Widget _buildCard( String logo, Color…
beax07
  • 11
  • 3
0
votes
1 answer

How to create custom header which hides and shows on scroll, like Facebook app

I'm trying to replicate a custom header, above a ListView, which hides and shows when the user scrolls the list. Very specifically, I want it to behave like the Facebook app... as soon as the user scrolls down, the header slides up out of view.…
androidneil
  • 880
  • 1
  • 10
  • 21
0
votes
1 answer

Flutter scrollbar that is in horizontal scrollview doesnt show correctly inner scrollview

So, I have bigger scroll view that scrolls horizontally, and inside - little box (red color) and smaller scrollview (orange color) that scrolls vertically. There are two scrollbars on the bigger scrollview (1 - for horizontal), and second - for…
Arti Scream
  • 121
  • 1
  • 14
0
votes
1 answer

CustomScrollView Custom Scrolling Flutter

I have been studing and trying to do some projects and stack in this. So, I created CustomScrollView and the SliverAppBar has to be either fully opened or fully closed. I tried to do but have problems with animation scrolling. import…
DaliDade
  • 11
  • 2
0
votes
0 answers

CustomScrollView with SliverPersistentHeader blank in release-apk

I implemented a collapsible appbar with A CustomScrollView with a SliverPersistentHeader and SliverList as its slivers. and this works as expected when running the debug apk but when I build a release apk, the page just turns blank. I've failed to…
Blaise Lukwayi N
  • 127
  • 1
  • 10
0
votes
0 answers

How to place TabbarView (child: slivergrid) inside a CustomScrollView (children: Slivers) in flutter

I cant figure out how to use a tabbarview inside of a customscrollview that requires slivers for children. I have tried to wrap the tabbar view in anything i could think of but no luck so far. desired result | desired result with sliverappbar closed…
sergedawg
  • 1
  • 3
0
votes
1 answer

SliverPersistentHeader without using CustomScrollView

I had a CustomScrollView which looked like: CustomScrollView( slivers: [ SliverPersistentHeader( floating: true, delegate: MyPersistentHeaderDelegate(), ), SliverList(...), ], ) Because I had to change the layout to use…
Code Spirit
  • 3,992
  • 4
  • 23
  • 34
0
votes
1 answer

How can I replace appBar with SliverAppBar in my code?

class _HomepageState extends State { int pageNum = 0; final pages = [ TodayPage(), /*HistoryPage()*/ ]; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Today…
BlancShon
  • 1
  • 1
1 2 3
…
30 31