In Flutter, the SliverAppBar widget is a specialized app bar that can be used within a CustomScrollView to create scrollable headers and navigation bars. It's specifically designed to work with slivers, which are portions of scrollable areas in Flutter.
Questions tagged [sliverappbar]
119 questions
1
vote
0 answers
Flutter NestedScrollView TabBar and PagedListView always scrolls the SliverAppBar
I'm trying to use a NestedScrollView with a TabBar on the SliverAppBar and the TabBarView on the body, and inside the TabBarViews pages put a PagedListView.
Is it possible when my PagesListViews has no items or only a few (not enough for scrolling),…
Martin
- 91
- 1
- 3
1
vote
2 answers
Do not want rounded corners in the AppBar when the Sliver App Bar is collapsed
I'm trying to implement a layout, where the Sliver App Bar has rounded bottom corners when expanded, but when it is collapsed I do not want those rounded corners.
Actual Behaviour:
enter image description here
Expected Behaviour:
Here's my…
Anmol Singh Sahi
- 55
- 8
1
vote
3 answers
Pin the layout below and start scrolling at certain position in flutter
I am trying to achieve the scroll behaviour as in gif in this link.
There is image slider which gets hidden when scroll and the title of the product goes to appbar title. Also there is a fixed button Add to Bag which is fixed but scrolls with the…
Nabin Dhakal
- 1,949
- 3
- 20
- 48
1
vote
1 answer
How to put a Card widget inside a SliverAppBar?
I'm a beginner in Flutter. I'm trying to make widget like this. Unfortunately I still struggled to implement them. I've tried using flexible space bar with some alignment in the container. But it didn't go as what I want. Is there any way to put…
Naufal Rajabi
- 334
- 4
- 13
1
vote
1 answer
How to animate title bar (sliver) from left to center with a expandedHeight: 0?
I've tried scouring the Internet for a solution but every current available solution are with some expandedHeight.
I am looking for a solution to just move the title of a SliverAppBar to the center of the appbar upon scroll.
I wonder if…
H Wong
- 331
- 3
- 16
1
vote
2 answers
How to create a SliverAppBar, that has a upper pinned and lower floating element?
So I want to create a SliverAppBar where the upper part is pinned and always gets shown.
The lower part has to be floating and appear on scroll down even when the top of the list isn't reached.
The only way to make it kind of work for me was to add…
Christian
- 834
- 7
- 18
1
vote
0 answers
Webpage is not scrollable in flutter
I use CustomScrollview->SliverAppBar-> SliverFillRemaining->WebView. The problem arises that the webpage is not scrollable. When I remove SliverAppBar it works correctly. but when used SliverAppBar it's not working properly. how should I fix this…
Hadiuzzaman
- 62
- 4
1
vote
0 answers
Flutter web, SliverAppBar floating not working
I'm trying to have a floatting SliverAppBar on flutter web, but the SliverAppBar is only been displayed when I scroll to the top of the screen. It works well on Android.
My code is:
return Scaffold(
backgroundColor: Colors.grey[100],
…
woshitom
- 4,811
- 8
- 38
- 62
1
vote
2 answers
Flutter: How to show AppBar only after scrolling?
That's what you read. I don't want to hide AppBar when scrolling, there's a lot of info on that.
What I want is the exact opposite. I want my homepage to open with no AppBar and then, when the user starts scrolling, the appbar will be…
mavini.s
- 103
- 1
- 6
1
vote
1 answer
CustomScrollView: Body scrolls under SliverAppBar
Flutter DartPad
I have multiple SliverAppBar's within a CustomScrollView, the body of the screen is within the SliverFillRemaining.
The Top SliverAppBar is pinned
The Middle SliverAppBar is an image and will collapse as the user scrolls
Bottom…
mrgnhnt96
- 3,562
- 1
- 17
- 36
1
vote
1 answer
Flutter Sliver AppBar leading color
This is a Sliver AppBar.
How can I change the color of the back arrow ?
BUT I don't want to set leading: Icon(Icons.arrow_back, color: Colors.red) since (I believe) that the Sliver AppBar has the nice property of adapting the lead icon depending on…
Joris Limonier
- 681
- 1
- 10
- 27
1
vote
1 answer
SliverHeader behaviour management
My flutter app has a NestedScrollView with a headerSliverBuilder.
My SliverAppBar inside this builder is like this:
SliverAppBar(
elevation: 0,
snap: true,
pinned: false,
floating: true,
forceElevated: false,
primary: false,
…
progNewbie
- 4,362
- 9
- 48
- 107
1
vote
1 answer
Weird space between SliverAppBar and ListView in flutter
I wrote a NestedScrollView interface in the example of the Flutter document, but when I look at the ListView as the body, I find that there is a weird gap between the ListView and the SliverAppBar. What can I do to delete this gap
class Test extends…
crazecoder
- 218
- 3
- 8
1
vote
0 answers
flutter SliverAppBar FlexibleSpaceBar can't detect when i enable accessibility
the content in flexibleSpace in SliverAppBar can't detect when I enable accessibility.
I try this sample
https://api.flutter.dev/flutter/material/FlexibleSpaceBar-class.html
Ahmed Wahdan
- 330
- 4
- 15
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