70 questions
0
votes
1
answer
58
views
How to preserve ExpandablePageView dynamic height when used inside NestedScrollView with SliverAppBar in Flutter?
I’m using expandable_page_view to make my PageView adjust its height based on the current page content.
It works fine in a normal Column, but when I put it inside a NestedScrollView with a ...
user31483543
1
vote
1
answer
172
views
Flutter pinned SliverPersistentHeader goes behind a transparent AppBar (extendBodyBehindAppBar: true)
I'm building a Flutter screen that has a transparent AppBar in the parent Scaffold and a child screen (LobbyScreen) with its own CustomScrollView. I want to pin a SliverPersistentHeader below the ...
- 17
7
votes
3
answers
5k
views
How to Overlay a Scrollable Sliver on a SliverAppBar in Flutter?
I have a CustomScrollView with a SliverAppBar and some slivers. I want to overlay some graphics on the SliverAppBar and have them scroll with the rest of the list.
Here's the code I've been working ...
- 518
0
votes
1
answer
262
views
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 ...
- 3,976
0
votes
0
answers
213
views
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, ...
user21766581
0
votes
1
answer
3k
views
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 ...
- 21
0
votes
0
answers
273
views
Overlap of slivers
I have a problem with SliverPersistentHeaders. I have CustomScroll with CupertinoSliverNavigationBar and custom SliverPersistentHeader, with SearchTextField and button. My custom ...
- 1
2
votes
0
answers
259
views
How to scroll away SliverAppBar without a body
What I'm trying to achieve:
Picture 1: View should be scrollable and the NoData container should fill up the remaining space.
SliverFillRemaining just scrolls under the SliverAppBar which is not ...
- 2,675
0
votes
2
answers
457
views
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
...
- 21
1
vote
1
answer
2k
views
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 ...
- 3,542
0
votes
1
answer
738
views
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 ...
- 51
0
votes
0
answers
165
views
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 ...
- 31
1
vote
0
answers
191
views
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: ...
1
vote
1
answer
1k
views
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 ...
- 83
1
vote
1
answer
1k
views
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 ...
- 363
0
votes
0
answers
198
views
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 ...
- 81
1
vote
0
answers
2k
views
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<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: ...
- 77
0
votes
1
answer
48
views
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 ?...
- 53
0
votes
0
answers
207
views
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 ...
1
vote
2
answers
1k
views
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 ...
2
votes
1
answer
3k
views
flutter 2 SliverPersistentHeader - avoid overlap during scroll
Here is my code :
import 'package:all_in_one/cooking/pages/recipe/header/search_bar_header.dart';
import 'package:all_in_one/cooking/pages/recipe/header/welcome_header.dart';
import 'package:flutter/...
- 137
2
votes
1
answer
1k
views
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'...
- 504
3
votes
0
answers
681
views
Flutter TabbarView not keeping scroll position even after using keys
Issue
Watch the video on Imgur : Imgur
You can watch the video here as well : Cloudinary
As you can see in the video that the scroll position isn't being maintained. It looks like the pages are ...
0
votes
1
answer
753
views
How to minimize SliverList by clicking button in SliverAppbar flutter
How can I minimize Sliver list automatically by clicking on button in SliverAppBar
I have minimize button in SliverAppbar, and SliverList with multiple ListTiles.
I want to minimize animatedly all ...
- 918
6
votes
4
answers
5k
views
NestedScrollView with SliverAppBar cause unexpected body padding
When I run this code, the ListView will have an unexpected top padding. (See screenshot) Why is that and is there a way to avoid this?
I already tried SliverOverlapAbsorber, SafeArea and MediaQuery to ...
- 441