Stack Overflow
Stack Overflow

Questions tagged [flutter-sliverappbar]

70 questions
1
vote
0 answers

How to give bottom border radius only in flexiblespace of SliverAppBar in flutter?

I want to have a sliverAppBar with a rounded bottom border like this. But it shouldn't be rounded when collapsed. Like this. I tried a lot of solutions, but couldn't find anything. SliverAppBar( leading: BackButton(color: Colors.black), …
Abu Taha
  • 251
  • 1
  • 14
1
vote
2 answers

Flutter bottom of sliverappbar let 1 pixel of background

I have a small problem where a 1 pixel bar is sometimes displayed in my header as you can see on the image below. My code is below. The first function is just to calculate the scroll for the user to have a beautiful animation. the 1 pixel is…
Thomas Handy
  • 11
  • 3
1
vote
1 answer

How to center the title of a SliverAppBar vertically?

I want to center the title vertically in my SliverAppBar. I found a solution on the internet where you put empty containers above and below the title so that the text is centered, but the problem is when you scroll up and only the small appbar is…
SOS video
  • 436
  • 9
  • 21
1
vote
0 answers

Flutter implementing nested SliverPersistentHeader

In my Application i have a SliverPersistentHeader in parent and inside that i want to have another SliverList with SliverPersistentHeader, i have a pseudo code in below and i get The following assertion was thrown while applying parent…
DolDurma
  • 15,753
  • 51
  • 198
  • 377
0
votes
0 answers

Nested Scroll View Takes unwanted bottom space

I am making a screen with nestedscrollview but the body of nestedscrollview takes unwanted empty space. I tried with giving a container with height as 100 but it takes full space> The code is below Scaffold( body: NestedScrollView( …
Shahbas Ahsan K K
  • 13
  • 2
0
votes
1 answer

how to give dynamic height to pages in customscrollview

There are four tabs(bottom nav) and every tab has a scrolling page wrapped in Indexstack, Now the issue is if IndexedStack is wrapped with Sizebox( double.infinity) it shows empty pages, but if I set the height to double.maxFinite, then it shows…
M.ArslanKhan
  • 3,640
  • 8
  • 34
  • 56
0
votes
0 answers

Flutter SliverAppBar with custom scrolling

I have a SliverAppBar with an image background, and on top of that some rainbow persistent header as an image. I would like to achieve a situation when I scroll the list of items the image fades away as it is now and for the name and description…
Joe
  • 500
  • 1
  • 4
  • 11
0
votes
0 answers

Extremely thin line between `SliverAppBar` and `SliverPersistentHeader` in flutter

So I am using a CustomScrollView and inside I have SliverAppBar and SliverPersistentHeader as the first two children, with no styling except blue background color. But there is a really faint, translucent (because when I scroll I can see that there…
intweek
  • 7
  • 6
0
votes
2 answers

Is there a way to recreate Formulia app's collapsible app bar in flutter (similar to `SliverAppBar`)?

So I have an app on my mobile phone called 'Formulia' and I thought the design of their main page expandable app bar looks awesome. Formulia app collapsible app bar Do you have any idea how I could achieve anything similar to this in this video? I…
intweek
  • 7
  • 6
0
votes
0 answers

Animation for SliverAppBar

I want to animate a slide transition for my SliverAppBar inside an ExtendedNestedScrollView. I want the appbar to collapse whenever user is not on first tab I was following this example of SliverAnimatedSwitcher to use slide transition instead of…
Kiên Đậu Gia
  • 1
  • 1
0
votes
1 answer

Flutter NestedScrollView ScrollController is currently attached to more than one ScrollPosition

I am building a Flutter App and on the Web with a SliverAppBar with Tabs that are scrollable using a NestedScrollView and I am getting this weird error: The Scrollbar requires a single ScrollPosition in order to be painted. When the scrollbar is…
Exero
  • 11
  • 3
0
votes
0 answers

Overlap of slivers

I have a problem with SliverPersistentHeaders. I have CustomScroll with CupertinoSliverNavigationBar and custom SliverPersistentHeader, with SearchTextField and button. My custom SliverPersistentHeader is floating. But when i scrolling back, it's…
maverick
  • 1
0
votes
0 answers

Custom Sliverappbar is not working in flutter

In this screen, I have implemented sliver appbar. On swipe up Pizza hut text will be set on toolbar. and 'Sec 16, Dwarka, New Delhi' to 'Now open' text layout will be hide. and the offers tabbar will be set below the toolbar. I tried to set tabbar…
wolfsoft Developer
  • 168
  • 9
0
votes
2 answers

Flutter animated SliverAppBar with Animated Positioned Image

I am trying to replicate this animation with my appBar: I know I can use SliverAppBar and simply animate the textSize. But how would I implement the logic for the image? It moves to the right and slightly shrinks. This is what I have for the text: …
Chris
  • 1,828
  • 6
  • 40
  • 108
0
votes
0 answers

Flutter - Sliver App Bar (Use Buttons instead of Tabs)

We are using Sliver App bar for our app. The difference in our app is we have multiple buttons instead of tabs (as shown in "Final Result" in the article…
user3600064
  • 61
  • 1
  • 3
1 2
3
4 5