Questions tagged [sliverappbar]
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.
124
questions
0
votes
0
answers
11
views
How to correctly handle dynamic content height with SliverOverlapAbsorber in NestedScrollView?
I’m working on a Flutter application where I’m using a NestedScrollView with a SliverAppBar, SliverList, and a SliverPersistentHeader that contains a TabBar. My goal is to manage overlapping content ...
- 59
0
votes
0
answers
22
views
How to set maximum height of Image in SliverAppBar when scrolling down, Keep image in Appbar when scrolling up using CustomScrollView
I'm a Flutter user to develop apps on the Android platform, I want to create a screen that displays playlist details, I tried using CustomScrollView to design but it doesn't work and I get the ...
0
votes
1
answer
41
views
How to Remove Unwanted Space in SliverAppBar in Flutter?
I'm experiencing an issue with a SliverAppBar in my Flutter app. There's an unwanted space in the SliverAppBar that appears in blue color, and I can't seem to remove it.
Here is a simplified version ...
0
votes
1
answer
44
views
Flutter SliverAppBar clip flexibleSpace widget on scroll
I am making an app that pushes a flexibleSpace widget in a SliverAppBar when the user starts scrolling but I'm running into some issues. The flexibleSpace overflows into the list due to using the ...
- 75
0
votes
0
answers
29
views
Scroll to specific item from AppBar bounded to SliverAppBa
I'm creating website with floating SliverAppBar which hides when page is scrolled down. I added alwaays visible appBar with TextButtons. I want to scroll down to specific container when TextButton is ...
- 1
0
votes
1
answer
41
views
How to avoid SliverAppBar's elements to go above the BackButton?
I have a SliverAppBar with some elements inside, check the 3 images where I resize the app window smaller and smaller.
1
2
3
I would like to avoid the texts and icons from going above the BackButton, ...
0
votes
1
answer
60
views
Flutter Scroll flexibleSpaceBar content under the sliverAppBar content
I'm looking to display some features in this area
and when the user scroll up to the top, oclude it by the top bar.
The issue is that its being overlapped
The app bar consist of a sliverAppBar ...
- 257
1
vote
0
answers
43
views
Hide expandable SliverAppBar on scroll down, but do not expand until reached to top
I want to hide the SliverAppBar on scroll down, but I don't want it to expand unless user is at the top, I also want non-expanded SliverAppBar to show when user is going up, but it shouldn't expand ...
- 1,100
1
vote
1
answer
131
views
Flutter SliverAppBar overlap with FlexibleSpaceBar content
I am using the SliverAppBar title and FlexibleSpaceBar content in my widget. However, to avoid FlexibleSpaceBar overlapping SliverAppBar I had to add some SizedBox. In different devices, this height ...
- 563
0
votes
0
answers
39
views
Flutter - Gradient Not Fully Covering Image in SliverAppBar
Hello Flutter community,
I am encountering a visual issue with a SliverAppBar in my Flutter application. I've implemented a SliverAppBar which contains a background image and a gradient overlay. The ...
- 101
0
votes
1
answer
68
views
Title Alignment in Sliver SpaceFlexibleBar
Im very desperate. Im new to flutter and following the tutorials in YT. There I came across following problem and wonder how Im the only on.
In the YouTube (https://www.youtube.com/watch?v=YY-_yrZdjGc&...
- 3
1
vote
0
answers
152
views
Flutter: SliverToBoxAdapter overlap on SliverAppBar
I'm currently attempting to create an overlap effect between SliverAppBar & SliverToBoxAdapter in my Flutter application. Specifically, I want to display a red Container() that overlaps both the ...
- 352
0
votes
1
answer
302
views
Flutter Nested scrollview taking unwanted space in the bottom
NestedScrollview have a SliverAppbar and sliverToBoxAdapter inside. And In the body, there is a tabbbarView contains a gridview.builder. But its showing more space in the bottom when scrolling. but ...
- 1
2
votes
1
answer
320
views
how to add Positioned stack inside SliverList and make it scrollable , like when we scroll the top image part will hide and only see appBar&scroll
here i am pasting the video link i want to achieve , please helphi here i want to add a container at the top of the scrollable side and also some part of the container should be at the end of app bar ...
0
votes
1
answer
84
views
Flutter Achieve Sliverappbar Behaviour like telegram
Here is the Gif how the SliverAppbar looks.
https://drive.google.com/file/d/1Ud51yipwnjKjxUcF1dju4F-n2F8/view?usp=sharing
Any hint or help appreciated
- 2,377