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( …
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…
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:…
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,…
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…
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…
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…
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], …
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…