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

Sliver list with box shadow

Is it possible to add a box shadow to sliver list widget? I have a custom scroll view so i cant just wrap sliver list with a container.
Lomski
  • 450
  • 6
  • 8
1
vote
0 answers

flutter sliver list tabbar bottom overflowed error

I am a newbie of flutter. I have just started to rebuild my android app built by Kotlin to flutter. However, I am stuck in building the user page. I intended to build the page like this screenshot However, I continuously get bottom overflowed…
1
vote
1 answer

Flutter: Is there a way to make sliverAppBar disappear when pressing a button

I was wondering if there is a way to make the sliverAppBar disappear once a button has been pressed. Instead of just scrolling.
GILO
  • 2,444
  • 21
  • 47
1
vote
1 answer

Collapsing title bar flutter with animation

I am trying to recreate this in Flutter -> https://blog.uptech.team/how-to-build-resizing-image-in-navigation-bar-with-large-title-8ba2e8bcb840 I.e., An app bar that resizes and aligns the title when you drag (Just the title, I don't want the…
Bollie
  • 487
  • 2
  • 8
  • 17
1
vote
1 answer

Flutter -integration of SEMBAST with built_value , how to insert the Model into the sembast db

I tried to use insert the Post object into SEMBAST Database but it is required the toMap() to insert into DB Please find my Code below import 'package:built_collection/built_collection.dart'; import 'package:built_value/built_value.dart'; import…
1
vote
1 answer

how can we add bottomnavigationbar in Sliver App widget

I want to Add this fixed bottomNavigationbar in Scrollable sliver App Widget, is there any way we can do it or any alternative way to do this BottomNavigationBar( items: const [ BottomNavigationBarItem( …
Harsh Hariya
  • 177
  • 1
  • 2
  • 12
1
vote
1 answer

How to search data from list with checkbox in flutter

I want search from the list and also render data into that list with a checkbox. it means in this photo I've data already but when I click on the app bar search box and start searching data it will give me the result based on search data. Here Is…
1
vote
1 answer

Flutter How to remove white blank between sliverappbar and sliverList when pull down sliverlist?

I'd like to do sync pull down for SliverAppBar together with SliverList but when pull down the SliverList, there comes a white blank between these 2 widgets. Does anyone knows how to remove the padding between them? Thanks a lot. What I mean is how…
Yan Ge
  • 59
  • 5
1
vote
2 answers

How to add a Fields on click of button in flutter

how to add text field when I click on add button. which is in the App bar. when I click on the add button it will add FOur field which I have already created in this Example code I've tried. SO please can anyone help. Your help can make my day…
Rutvik Gumasana
  • 1,458
  • 11
  • 42
  • 66
1
vote
0 answers

Flutter web: SliverPersistentHeader behavior

I'm following this tutorial, but using flutter web I came across this issue with my code: @override Widget build(BuildContext context) { final Size _size = MediaQuery.of(context).size; return Center( child: Container( …
Francesco Iapicca
  • 2,618
  • 5
  • 40
  • 85
1
vote
0 answers

Video in a vertical scroll view in flutter

I have been trying to put several videos across a vertical scroll view inside a list view....in a card ..... i would like to view several videos in a vertical scroll able view. As the image below looks. I created a sliver with a flexible appbar and…
1
vote
1 answer

How to use FirestoreAnimatedList in SliverChildListDelegate?

I am try use SliverList for render data from backend (Firestore) in list. But I get error: The following assertion was thrown building NotificationListener: Incorrect use of ParentDataWidget. Flexible widgets must be placed inside Flex widgets.…
1
vote
1 answer

How to create a custom stack in sliver appear in flutter?

Hi Everyone I am creating a profile page for a flutter app. The SliverAppBar needs to show the below view when in the expanded state: And below view when the user scrolls the silver list. As you see this is a custom stack that I can create. I…
insanebaba
  • 36
  • 1
  • 6
1
vote
1 answer

How to make an animated card stack in flutter

Card UIs seem to be very popular lately, and I've recently started learning flutter, so I decided to combine the two and make a card UI in flutter. However, since flutter is new to me, I am having trouble getting started. I want to make something…
gollyzoom
  • 519
  • 1
  • 6
  • 21
1
vote
0 answers

Create a new Card using onPressed()

When the user clicks the FAB, i want it to create a new Card widget wrapped in a GestureDetector. I have created a list of type widget and also created a function with a setState to add to the list and display it in a SliverGrid. but when i click…
user10546347