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
9
votes
3 answers

ScrollablePositionedList with SliverAppBar not working properly

This is a repository to create a minimal reproducible example. I want SliverAppBar hidden when ScrollablePositionedList.builder is Scrolled. This is the relevant piece of code I am including here. NestedScrollView( …
Ravinder Kumar
  • 7,407
  • 3
  • 28
  • 54
8
votes
4 answers

Flutter: combining SliverAppbar with Column widget

I'm trying to make an event page for an app where user can view events that have a banner image and some other useful information. I really like the idea of implementing a SliverAppBar with the banner, so that the user can scroll to see more…
Wessel
  • 617
  • 4
  • 13
7
votes
2 answers

How to animate the position of the items in a SliverAppBar to move them around the title when closed

I have these requirements for an Appbar and I don't find a way to solve them. When stretched, AppBar has to show the two images one above the other and the title has to be hidden. When closed, AppBar has to show the title and two images have to be…
Mou
  • 2,027
  • 1
  • 18
  • 29
6
votes
1 answer

FlexibleSpace in SliverAppBar is not hiding it's contents when I scroll up

The problem: Why did contents inside flexibleSpace is not hiding when I'm scrolling up? This is my code: class Home extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: CustomScrollView( …
littleironical
  • 1,593
  • 1
  • 11
  • 25
6
votes
1 answer

SliverPersistentHeaderDelegate not fully collapsed

I'm having a hard time making a custom collapsing toolbar, attached below is a video for a normal case. Then here's a screen record of the misbehavior, most of the time this happens. Aside from the fact that the scrolling is not so snappy, you'll…
Hohenheim
  • 393
  • 2
  • 16
5
votes
2 answers

Sliver not allowing to set Max Width of Container?

I am trying to make a responsive page that works well on Mobile and Desktop. I am using SliverAppBar inside NestedScrollView. The issue is maxwidth constraints to a container are totally ignored in NestedScrollView. This behavior is also same with…
Jay Babani
  • 103
  • 1
  • 8
5
votes
1 answer

How to stack Circle Avatar over SliverAppBar and SliverList? (twitter scrollable header animation)

I want to achieve the above design I did somewhat like this using slivers import 'package:flutter/material.dart'; class ProfilePage extends StatefulWidget { @override _ProfilePageState createState() => _ProfilePageState(); } class…
kanwar manraj
  • 492
  • 8
  • 26
5
votes
1 answer

How to remove empty space in SliverAppBar?

I'm using NestedScrollView here and trying to put a TabBar in the bottom parameter of SliverAppBar which is built in the headerSliverBuilder function. The TabBar works fine but it looks like the SliverAppBar has spared the title some space that…
Kennith
  • 323
  • 3
  • 10
5
votes
2 answers

Flutter SliverAppBar, Collapse background to fill the leading space

I want to use create a sliver list view with a SliverAppBar such that when I scroll up the list, the icon inside the body shrinks to take place in the leading space of appBar. The images here show something that I want to achieve. When I scroll up,…
Anirudh Bagri
  • 2,346
  • 1
  • 21
  • 33
4
votes
0 answers

Flutter Hero animation not working with SliverAppBar

I'm trying to add animation to flutter SliverAppBar using Hero widget. I'm displaying time in FlexibleSpaceBar inside SliverAppBar, and I have designed it such that when the user scrolls down, the original AppBar title widget**(Currently a Column)**…
ASAD HAMEED
  • 2,296
  • 1
  • 20
  • 36
3
votes
1 answer

Fix for buggy Line at the bottom of SliverAppBar

i'd like to know if you know a fix for this problem. If you have an SliverAppBar witch looks somewhat like this (just an example) class CostumeSliverAppBar extends StatelessWidget { static const totalHeight = 225; @override Widget…
Donat
  • 63
  • 1
  • 3
3
votes
1 answer

SliverAppBar with TabBar and SliverList inside CustomScrollView causes: ScrollController is currently attached to more than one ScrollPosition

Having a SliverAppBar with a TabBar and a list of items, causes the scroll controller to complain. I have implemented it in the following way,there is a NestedScrollView that has a SliverAppBar, a SliverPersistentHeader that contains the TabBar and…
Skylar
  • 83
  • 1
  • 1
  • 6
3
votes
0 answers

How to make a Profile picture inside a sliverappbar that expands in flutter

I need a sort of Avatar photo widget that when I scroll down it transforms into a circle having the user name next to it and when I scroll back up, it becomes big and shows the user name under it, just like older versions of the Samsung contacts…
Emmet Vakilzadeh
  • 31
  • 3
3
votes
1 answer

SliverAppBar title doesn't fade if style applied in Flutter

I want to have the title in my SliverAppBar fade in the default way however it stops working once I apply style to the text. You can see how it behave with and without TextStyle. Nothing else changes. No style Style applied Here's the code with…
Andrew
  • 31
  • 4
3
votes
1 answer

render slivergrid using bloc in flutter

Here is the case :- i have a Bloc named XYZBloc which loads data from network. i need to render these lists into sliverGrid. the same list goes pretty well with sliverList. Store.dart @override Widget build(BuildContext context) { return…
avinash
  • 501
  • 2
  • 8
  • 16
1
2 3 4 5 6 7 8