Stack Overflow
Stack Overflow

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.

SliverAppBar

119 questions
0
votes
0 answers

How to show sliver app bar for a future builder body

I have a future builder for the body of the page. The way I implemented the page is a CustomScrollView inside a FutureBuilder. (based on the accepted answer of this question How to use FutureBuilder inside SliverList) So the entire page, sliver app…
MAA
  • 1,294
  • 3
  • 18
  • 34
0
votes
1 answer

How to make the TabBar not moving in SliverAppBar?

this is my first question. i'm currently working on sliverAppBar with tabbar. is there anything i can do to make the tabbar to stay on top and not moving down when i drag the sliver down? this is how its looks based on my code and this is my…
Raka Prasetyo
  • 1
  • 1
0
votes
1 answer

How to detect SliverAppBar is pinned

I am slivers to my application. What I want to do is when the SliverAppBar is fully scrolled up I want to show a different Widget inside it. Can anyone provide some help on this? I understand using SliverPersistentHeader something like this can be…
Janaka
  • 2,505
  • 4
  • 33
  • 57
0
votes
1 answer

Sliverappbar is overlapped by the content in the body (Flutter)

I am using sliver app bar for some better ui, I wanted to keep tabs inside the app bar which has to be pinned. Only the tabs has to be pinned while the app bar with title should expand only dragged to top. When I kept pinned to true, tabs are…
saiveda
  • 81
  • 12
0
votes
1 answer

Flutter SliverAppBar -- Allow scrolling until SliverAppBar is no longer visible

I am trying to create a CustomScrollView with a SliverAppBar. Since the SliverGrid that contains the main content may frequently have insufficient content to allow scrolling past the 'SliverAppBar', the UI now feels 'stuck'; the user can only scroll…
VLXU
  • 719
  • 5
  • 11
0
votes
1 answer

Facing RenderFlex overflowed issue with sliver appbar

I am facing below RenderFlex overflowed issue in sliver appbar, I tried Expanded widget but not good till now. this happens when the scrolling is done upwards. How should I resolve it? ERROR A RenderFlex overflowed by 62 pixels on the bottom. CODE …
user13410550
0
votes
1 answer

Flutter - Widgets not scrolling in NestedScrollView

I am trying to make a page that contains a SliverAppBar, some Widgets with texts, and a List. I used a NestedScrollView that contains the Sliver header, and a Column, that itself contains the widgets with texts and the list. Here is the build…
Mathieu
  • 1,435
  • 3
  • 16
  • 35
0
votes
1 answer

Collapsable AppBar with Search in fliutter

I want to achieve something like this using a SliverAppBar with a TextField inside for my search. When users scroll up, the TextField should scroll up pinning itself to the appBar. However, I have been unable to achieve this. This is my…
bensofter
  • 760
  • 1
  • 14
  • 27
0
votes
1 answer

Is it possible to have both 'expand' and 'contract' effects with the slivers in Flutter?

I have implemented a screen with the CustomScrollView, SliverAppBar and FlexibleSpaceBar like the following: Now, I'm stuck trying to further expand the functionality by trying to replicate the following effect: Expand image to fullscreen on…
cobster
  • 105
  • 1
  • 12
0
votes
3 answers

Status bar and navigation bar color is not switching when using Sliver App Bar in Flutter App

This is the code I used to switch between dark mode and light mode. Everything works fine but the color of navigation bar and status bar doesn't change automatically when my widget subtree contains "Sliver App Bar." Here's the preview PS: As soon as…
Fru2
  • 1
  • 1
-1
votes
2 answers

How to make custom SliverAppBar in Flutter?

Sliver App Bar Hello I guys, I am working on Sliver Appbar but I want this type of custom SliverAppbar,How can I achieve this?
Ahmad Zafar
  • 29
  • 4
-1
votes
1 answer

How do I an extra widget in between SliverAppBar and SliverList/Grid?

I want to add a similar item between my SliverAppBar and SliverList. I tried using a regular Row, but it kept throwing an exception. I know about SliverPadding, so I was wondering if there's something similar. Any help would be greatly appreciated.
Abin
  • 15
  • 3
-1
votes
1 answer

setState does not update the UI

I am using a CustomScrollView and trying to add a like button in the SliverAppBar actions which by tapping on it, its shape changes. I am making the changes inside setState. But despite that the build method is being called, UI is not being…
DonAlex1897
  • 65
  • 1
  • 8
-3
votes
2 answers

How to change Appbar color with onTap in flutter?

I tried changing the background color of Appbar using onTap in ListTile ListTile( title: const Text('Black'), leading: const Icon(Icons.label), onTap: () { setState(() { …
Muh Hilman
  • 11
  • 1
1 2 3 4 5 6 7
8