Skip to main content
70 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
1 answer
58 views

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 ...
user avatar
0 votes
0 answers
27 views

return DefaultTabController( length: 2, child: NestedScrollView( headerSliverBuilder: (context, innerBoxIsScrolled) { return [ SliverAppBar( ...
Elyor Norboyev's user avatar
  • 1
1 vote
1 answer
179 views

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 ...
Omair's user avatar
  • 17
1 vote
1 answer
484 views

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 ...
Patola's user avatar
  • 725
7 votes
3 answers
5k views

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 ...
goodUser's user avatar
  • 518
0 votes
2 answers
290 views

I am having a problem where I can't decrease the SliverAppBar as I need. I found out that it has some kind of minHeight constraint that has to deal with some animation and layout stuff. I have a ...
EgenSolve's user avatar
  • 43
0 votes
1 answer
265 views

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 ...
M.ArslanKhan's user avatar
  • 3,976
0 votes
0 answers
76 views

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 ...
Joe's user avatar
  • 500
0 votes
0 answers
213 views

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, ...
user avatar
0 votes
2 answers
367 views

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 ...
user avatar
0 votes
1 answer
3k views

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 ...
Exero's user avatar
  • 21
1 vote
2 answers
2k views

I am developing an iOS application in flutter. I want a navigation bar which can be expandable. On expand there should be large title on left side and on collapse same title should be on top center. ...
Umar Ghaffar's user avatar
  • 23
0 votes
0 answers
273 views

I have a problem with SliverPersistentHeaders. I have CustomScroll with CupertinoSliverNavigationBar and custom SliverPersistentHeader, with SearchTextField and button. My custom ...
maverick's user avatar
  • 1
1 vote
2 answers
884 views

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 ...
Chris's user avatar
  • 2,404
2 votes
0 answers
262 views

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 ...
Deukalion's user avatar
  • 2,675
0 votes
1 answer
1k views

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({ ...
felixrzayev's user avatar
  • 9
0 votes
2 answers
462 views

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 ...
Vaishnav k's user avatar
  • 21
4 votes
2 answers
2k views

Is it possible to disable scroll in certain areas of a scrollable widget? Lets say I want to disable scroll within a square area in the middle of the ListView/CustomScrollView, is that possible? I am ...
sudoExclamationExclamation's user avatar
  • 9,101
1 vote
1 answer
2k views

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 ...
Boss Nass's user avatar
  • 3,542
0 votes
1 answer
256 views

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: ...
1988's user avatar
  • 357
0 votes
1 answer
738 views

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 ...
Remi Martin's user avatar
  • 51
0 votes
1 answer
137 views

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 ...
Shalla's user avatar
  • 1
0 votes
0 answers
165 views

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 ...
Raven Ben's user avatar
  • 31
-2 votes
1 answer
118 views

Please give some code regarding this image
Mayank Prajapati's user avatar
  • 5
1 vote
0 answers
191 views

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: ...
arash shakibaee's user avatar
  • 57
0 votes
0 answers
600 views

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: ...
arash shakibaee's user avatar
  • 57
1 vote
1 answer
1k views

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 ...
Naduel's user avatar
  • 83
1 vote
0 answers
217 views

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 ...
Son Hoang's user avatar
  • 46
1 vote
1 answer
1k views

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 ...
Lash's user avatar
  • 363
2 votes
2 answers
2k views

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( ...
arash shakibaee's user avatar
  • 57
0 votes
0 answers
198 views

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 ...
Nick's user avatar
  • 81
0 votes
1 answer
742 views

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 ...
HaKim's user avatar
  • 287
1 vote
0 answers
2k views

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: ...
Rahul Biswas's user avatar
  • 77
1 vote
2 answers
2k views

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 ...
Youssef Maouche's user avatar
  • 305
0 votes
1 answer
48 views

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 ?...
Gum's user avatar
  • 53
0 votes
4 answers
3k views

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 ...
Mithson's user avatar
  • 1,802
0 votes
0 answers
207 views

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 ...
Tologon Kudaiberdi's user avatar
  • 63
1 vote
1 answer
2k views

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 ...
randomnerd's user avatar
  • 13
1 vote
2 answers
1k views

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 ...
Anmol Singh Sahi's user avatar
  • 55
1 vote
0 answers
357 views

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. ...
Obisi7's user avatar
  • 525
2 votes
1 answer
3k views

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/...
magento2-users's user avatar
  • 137
7 votes
1 answer
10k views

What is the main difference between SliverAppBar and SliverPersistentHeader ? What differ most in terms of their usage purpose ?
normativepcoder's user avatar
  • 465
2 votes
1 answer
1k views

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'...
Naufal Rajabi's user avatar
  • 504
1 vote
2 answers
2k views

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 ...
Mahi's user avatar
  • 1,772
3 votes
0 answers
681 views

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 ...
Zain Ul Hassan's user avatar
  • 29
0 votes
1 answer
768 views

I am using Google Fonts in my app. I have successfully done so across my app but for some reason I cannot use it in SliverAppBar. The error I get is: The constructor being called isn't a const ...
Waseem Ahmed's user avatar
  • 429
0 votes
1 answer
753 views

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 ...
Mudasir Habib's user avatar
  • 918
2 votes
4 answers
3k views

I want to add a BackdropFilter() to a SliverAppbar(). I want it to look something like the iOS App Library App Bar: https://cln.sh/eP8wfY. Header sliver not floating over the list in a ...
user avatar
6 votes
4 answers
5k views

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 ...
Florian Bauer's user avatar
  • 441
2 votes
1 answer
4k views

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 ...
IBlackVikingl's user avatar
  • 1,253

1
2