Stack Overflow
Stack Overflow

Questions tagged [flutter-sliverappbar]

70 questions
0
votes
1 answer

SliverPersistentHeaderDelegate should collapse before the Remaining widgets scroll under it

I am trying to make SliverPersistentHeaderDelegate to collapse first and then the rest of the screen to scroll. Here is the code. class MyHomePage extends StatelessWidget { const MyHomePage({ super.key, }); @override Widget…
felixrzayev
  • 9
  • 1
0
votes
2 answers

Want to set the primarySwatch as white in flutter

how to change the 'primarySwatch' to white in the app bar - Flutter? This is what I have: , I want to change the blueGrey (portion marked in red) to white. While trying to change this from primarySwatch: Colors.blueGrey, to …
Vaishnav k
  • 21
  • 3
0
votes
0 answers

Implement SliverAppBar.medium or SliverAppBar.large with a TabBar

I want to implement a TabBar on the new medium and large appbars. How can I do it? I haven't found any example regarding this. I want to migrate my Flutter app to Material 3 but I don't know how to implement the new AppBars with a TabBar. This is my…
JGeek00
  • 1
0
votes
1 answer

SliverAppBar have an image as a background, circle avatar and title

I am trying to achieve something similar to this where I have background, circle avatar, and title, and when scrolling up the avatar disappears but the title remains. What I have been able to do is get the background image applied, and the sliver…
Boss Nass
  • 3,384
  • 9
  • 48
  • 90
0
votes
0 answers

Flutter floating SliverAppBar expanded height includes the flexible space height

I want to achieve the same collapsing AppBar (toolbar) from my native Android app in my new Flutter app. The native AppBar is fairly traditional, when reproducing it it should use the collapsing toolbar (title shrink and fade animation) have an…
martinseal1987
  • 1,862
  • 8
  • 44
  • 77
0
votes
1 answer

How to remove this empty whitespace on sliverappbar?

is there any solution on how to remove this space? i search for any solution but i haven't found it yet, please help me if you know it this is the code: SliverAppBar( shape: const ContinuousRectangleBorder( …
1988
  • 309
  • 2
  • 15
0
votes
1 answer

Flutter CustomScrollView body is briefly visible before SliverAppBar

I am using a custom scroll view inside some pages that already have a top section and a pinned SliverAppBar within. So the SliverAppBar is not docked at the top of the screen. The problem is that when I scroll, the SliverList can be visible briefly…
Remi Martin
  • 51
  • 6
0
votes
1 answer

how to change appbar color when button tap from other screen in flutter

I'm using BottomNavigationBar and AppBar in HomeScreen in which I'm using two screens A and B , now I want to change AppBar background color when tapping a TextButton from B screen Does anyone know how to achieve this ?
Shalla
  • 1
0
votes
0 answers

how can I achieve something like this with flutter sliver app bar?

I want to achieve the design provided below. The design is scrollable with a tab bar. The scroll functionality has been achieved but the card between tab bar and sliver app bar is something I could not achieve. The code I have…
Raven Ben
  • 21
  • 2
0
votes
0 answers

How customize flexibleSpace property in 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
0
votes
0 answers

Flutter: Reduce space in ExpansionTile using SliverAppBar

I am using a SliverAppBar with an ExpansionTile as the body. Expanding the ExpansionTile the app displays a ListView.builder. Using the SliverAppBar it somehow adds some space between the subtitle and the children of the ExpansionTile. Adding an…
Nick
  • 71
  • 11
0
votes
1 answer

NestedScrollView with tabBar and bottomNavigationBar is not working

I am trying to use tabBarView & bottomNavigationBar in a nestedScrollView. Result is multiple tabBarviews and multiple bottomNavigationBars. pls, see My tabBar class is: class TabScreen extends StatefulWidget { TabScreen({Key? key}) :…
HaKim
  • 277
  • 2
  • 12
0
votes
1 answer

Few pixels beetween sliverApp bar and the rest of my page

I work on a flutter app to learn, however on my junnction beetween my sliver AppBar title and the rest of my page i have few pixels. I try to put margin negative. Do you have an idea how to remove it ? here is my code : import…
Gum
  • 33
  • 1
  • 6
0
votes
4 answers

How to make persistent AppBar and floating widget just below AppBar in flutter

I want to make my AppBar persistent (it should not float like tabbar) while I want to place a widget or say tabbar just below appbar which will float and be pinned to appbar just like spotify app of library page see below for proper…
Mithson
  • 1,554
  • 13
  • 33
0
votes
0 answers

Is it possible to add two different background images when sliverAppBar collapsed and when it's expanded in flutter?

Hi, everyone! I want to add two different images for SliverAppBar. One for when app bar collapsed and one for expanded app bar. In the above image for collapsed app bar. And below image for expanded app bar. How can I achieve that? And how I can…
Tologon Kudaiberdi
  • 53
  • 1
  • 5
1 2 3
4
5