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

Background and SingleChieldScrollView problem with keyboard

Each time I open the keyboard the image is scaled based on the screen size above the keyboard and no longer on the entire screen of the device. My code is as below, how can I solve? Because if I don't put SingleChieldScrollView it will show the…
1
vote
1 answer

how can i make the headers from Custom Sticky Header stick below each other instead of overlapping in flutter?

I think I understood how the Custom Sticky Header work now, but I just can't find where can i add the functionality to stop the headers of Sticky Header from overlapping i would like to achieve something like in the picture below but without…
1
vote
1 answer

With NestedScrollView, scrolling up will reset other tabs to above

When combining SliverAppBar with some tabs in NestedScrollView, using PageStorageKey may not hold scroll postion. Pattern A: Scroll the Left tab to the middle and switch to the Right tab. Scroll Right tab to the middle and back to Left tab. In this…
ysknsn
  • 89
  • 2
  • 10
1
vote
1 answer

Flutter How to vertical scroll a screen like a book

e-book I want to make an e-book with scrolling screens that are images with Flutter
1
vote
0 answers

How to expand appbar to show text inside app bar on click of action icon ion flutter?

I am building a app activity which has an app bar which has an icon in the center of the appbar and some text. I want to be able to show the text below t the icon with some transition inside the appbar on click of the icon mentioned before and make…
UVic
  • 1,671
  • 3
  • 14
  • 21
1
vote
1 answer

How can I modify the SliverAppbar widget to get the following layout / Integrate a TextInputField searchBar inside a SliverAppbar

I want to achieve the following layout: Layout Link So far I am using Sliver. But the problem is the SearchBar! I want the SliverAppBar to be exactly like the layout and pinned to the top. Any Suggestions? I have tried to achieve the solution from…
Opu
  • 33
  • 1
  • 7
1
vote
1 answer

Why does Sliver App Bar's flexibleSpace parameter have to take a Widget with a const constructor?

I am trying to build a custom scroll view which contains a sliver app bar to achieve something similar to what's shown here: https://medium.com/@diegoveloper/flutter-collapsing-toolbar-sliver-app-bar-14b858e87abe However I want to have the word…
RamanSB
  • 1,162
  • 9
  • 26
1
vote
1 answer

How to make a page in flutter that contain multiple sliverlist and a slivergid?

"How to create a gridview within a listview by flutter with json API" I went through the above link and its good explanation, but when i add one more sliver list with this code and if try to scroll very fast, something happens to slivergrid, only…
Sonu Babu
  • 11
  • 1
  • 3
1
vote
1 answer

Infinite ListView of Images freeze app or throw exceptions during layout [small app included]

I'm trying to make a horizontally scrolling ListView with repeatable images to make it seem like it's one long image scrolling forever (like in 2d platform game). However, when I add images to the ListView.build(...) method I can't get them to…
Joel Broström
  • 3,530
  • 1
  • 34
  • 61
1
vote
1 answer

Flutter: Disappearing SliverAppBar with ListView.builder

I am trying to build a feed of posts (like Instagram) with a disappearing Appbar, when scrolled. Here is my code: Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor:…
Martin Seubert
  • 978
  • 3
  • 21
  • 37
1
vote
2 answers

Sliver Appbar "eliminates" the primary color

I've a simple sliver app bar, and i set my primary color to this: theme: ThemeData(primary Color: Color. fromRGBO(50, 50, 205, 1)), Before i added the sliver app bar all the screen was set to primary color, But after i added the sliver app…
Michael
  • 583
  • 4
  • 13
1
vote
1 answer

How to use itemCount in SliverGrid?

Most probably I got the concept my SliverGrid entirely wrong, What I am trying to do is, UI wise I want the collapsible SliverAppBar which is already available in Flutter. My main content body is set of images coming from API response and already…
Jithesh Kt
  • 2,023
  • 6
  • 32
  • 48
1
vote
1 answer

Flutter stream builders concept

I have a map in which i store key and value pair. I have put this map in a stream, which we will call dataStream for ease. now i have a stream builder, this stream-builder uses dataStream. I want this stream builder to build only if a specific…
1
vote
3 answers

infinity height in the listview of the flutter

Hi friends i am new to the flutter development here i am using the list view please find this image Where i am want to remove the white space above and below the image make it stretch on this white spaces i am tried to sized box but its given error…
1
vote
2 answers

Does Flutter Support iOS Features?

I am starting to work on one big project which includes Sirikit, Game Center, Fingerprint, health kit and home kit etc. So my doubt is can I implement those features & other features which are provided by ios using the flutter..?