Questions tagged [flutter-sliverappbar]
70 questions
1
vote
0 answers
build Custom SliverAppbar in flutter
I'm trying to create SliverAppBar() like this :
And the result of my trying looks like this :
Here is my code :
Scaffold(
backgroundColor: AppColor.backgroundColor,
body: CustomScrollView(
slivers: [
SliverAppBar(
…

arash shakibaee
- 47
- 6
1
vote
1 answer
How to change the alignment of the title of the SliverAppBar?
How to change the alignment of the title in the SliverAppBar when the app bar is expanded? I want to make the title's alignment to the left of the bottom when the app bar is expanded and change it to center when the app bar is collapsed. I tried…

Naduel
- 63
- 3
1
vote
0 answers
How to create custom title animation for SliverAppBar in Flutter
I'm trying to create a clone project with this design:
original design
But the result is not that good, IconButton is not at the right position, and a lot of animtation is not implemented yet:
The search bar
Icon Button Color changes
Icon Button…

Son Hoang
- 36
- 2
1
vote
1 answer
SliverList is not showing in FLutter
I'm using SliverAppBar and SliverLsit that's wrapped in a CustomScrollView. I am trying to build a widget with sliver list but nothing renders, my screen shows completely in blank.
The goal is to have a search bar until the middle of the screen and…

Lash
- 333
- 1
- 2
- 14
1
vote
2 answers
How can I customize SliverAppBar Flutter?
Hi Guys I locking for create app bar Like this with SliverAppBar() widget Like this :
And I Tried to make it With SliverAppBar() But The output is like this :
Here is Code :
Scaffold(
drawer: const Drawer(),
body:…

arash shakibaee
- 47
- 6
1
vote
0 answers
Flutter: SliverAppBar's bottom overlapping on FlexibleSpaceBar title
I want to make a notes app like
I have tried this code
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
body: NestedScrollView(
headerSliverBuilder: (context,…

Rahul Biswas
- 41
- 5
1
vote
2 answers
Sliver appbar not stretching flutter
Im so confuse why my sliverappbar doesnt stretch and zoom when I reach the top list. I following the flutter video
https://youtu.be/mSc7qFzxHDw
I tried the following code
class AppBar5 extends StatelessWidget {
@override
Widget…

Youssef Maouche
- 175
- 1
- 2
- 10
1
vote
1 answer
How to make one part of body scrollable and other as fixed when using SliverAppBar
I'm trying to make a UI in flutter wherein I'm using SliverAppBar(I mention this because I need to use either CustomScrollView or NestedScrollView) and now in the body, I was to make the first two elements not scroll when they reach the top of the…

randomnerd
- 13
- 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
0 answers
flutter Scrollcontroller not scrolling all members of a stack
I am using Riverpod for state management in flutter. The fabButton included in a stack that should scroll with other elements in a sliverAppBar does not scroll. Other elements scroll but the FAB. Below are images of the simulation and the code. Not…

Obisi7
- 485
- 1
- 5
- 18
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 pin TextField in SliverAppBar while Scrolling in Flutter?
SliverAppBar contains textfield search box, but it scrolls up when scrolls. How to show the searchbox while scrolling. I did my own works, but didn't work. If there is any resource about Sliverappbar and Slivergrid, It also useful. But now How to…

Mahi
- 1,297
- 1
- 14
- 28
1
vote
1 answer
Flutter: SliverAppBar disable scrolling
I have SliverAppBar in my app with expandedHeight: 200,. Below it i have ListView that display content dynamically and can have different length. If ListView has 7 or more item its works perfecly, but if its below 7 items SliverAppBar still scrolls…

IBlackVikingl
- 643
- 2
- 7
- 20
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
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