Stack Overflow
Stack Overflow

Questions tagged [flutter-sliver]

A Sliver is a portion of a scrollable area that animate on scroll events, like stick to the top or expand when pulled to the bottom. You can use slivers to achieve custom scrolling effects. Flutter has a few Sliver implementations out of the box, such as SliverList, SliverGrid and SliverAppBar.

A Sliver is a portion of a scrollable area that animate on scroll events, like stick to the top or expand when pulled to the bottom.

Flutter has a few Sliver implementations out of the box, such as:

Check this page on the docs for general Sliver information in flutter.

460 questions
0
votes
0 answers

Nested Scroll View Takes unwanted bottom space

I am making a screen with nestedscrollview but the body of nestedscrollview takes unwanted empty space. I tried with giving a container with height as 100 but it takes full space> The code is below Scaffold( body: NestedScrollView( …
Shahbas Ahsan K K
  • 13
  • 2
0
votes
0 answers

How can I fix video player overflow in landscape mode?

When I changed the phone orientation to landscape video player gives bottom overflow, I'm trying several ways to deal with this. I can't use two listViews because I need the video player to stay at the top and only the list can be scrolled. Can…
Tony Stark
  • 3
  • 2
0
votes
1 answer

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 the height to double.maxFinite, then it shows…
M.ArslanKhan
  • 3,640
  • 8
  • 34
  • 56
0
votes
0 answers

Flutter SliverAppBar with custom scrolling

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 as it is now and for the name and description…
Joe
  • 500
  • 1
  • 4
  • 11
0
votes
0 answers

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, translucent (because when I scroll I can see that there…
intweek
  • 7
  • 6
0
votes
1 answer

A RenderViewport expected a child of type RenderSliver but received a child of type RenderLimitedBox

I am using Silver Widget to show the list but its showing error A RenderViewport expected a child of type RenderSliver but received a child of type RenderErrorBox I think is some issue in stream builder, container and slivers? This is my code. class…
user22306710
  • 1
0
votes
2 answers

How to hide part of SliverAppBar when it is behind a widget?

import 'package:flutter/material.dart'; class HomePage extends StatefulWidget { const HomePage({super.key}); @override State createState() => _HomePageState(); } class _HomePageState extends State { var opacity =…
kartik
  • 93
  • 9
0
votes
0 answers

Using NotificationListener and NestedScrollView is giving unexpected scroll behaviour in Flutter

I'm using CustomSliverDelegate and CustomNestedScrollView. When i scroll up from the bottom of the screen, the scroll behaviour is working perfectly fine.After scrolling up, i tried to scroll down from the middle of the screen or just above from the…
Bhuvana Chandra
  • 7
  • 3
0
votes
0 answers

Flutter Sliver List --> Error: Getters, setters and methods can't be declared to be 'const'

In Git branch A, I was trying some design tweaks when I thought about using Sliver List and then I wrote something like SliverList() and gave all the params that were required. I almost got that right but then I actually don't know exactly what…
Arjun Malhotra
  • 351
  • 2
  • 11
0
votes
0 answers

Flutter Sliver A-Z side menu list

I tried alphabet_scroll_view and azlistview, but it doesnt work with customscrollview and sliverlists. I have: customscrollview Appbar - pinned title sliverlist (10 items) title sliverlist (10 items) tabs (contacts, favorites) - pinned …
Ne Xen
  • 1
  • 2
0
votes
0 answers

How to pin a sliver header to the middle in Flutter using the flutter_sticky_header package?

Generally when a sliver header is pinned, it's pinned to the top/left, but I need just the header to be pinned to the middle until the next header arrives and bumps it off. header pinned to left vs desired header pinned at middle using…
zeldaracer
  • 1
  • 1
0
votes
1 answer

Flutter TabBarView inside CustomScrollView - Unresponsive content and scrolling issues

I'm trying to implement a Flutter app with a TabBarView inside a CustomScrollView and below CupertinoSliverNavigationBar, where each tab has scrollable content. However, I'm facing some issues with unresponsive content and scrolling behavior. I…
Aissa Serrar
  • 19
  • 3
0
votes
0 answers

Flutter StickyHeader (SliverPinnedHeader) goes under SliverAppBar on scroll

When I use StickyHeader or SliverPinnedHeader combined with SliverAppBar, header goes under SliverAppBar. A video is clean an explanatory which shows the "Goalkeeper" is a Text under a StickyHeader. It actually sticks but it sticks just below the…
Ataberk
  • 557
  • 1
  • 6
  • 26
0
votes
1 answer

How to start displaying the Pinned header children from the first child always when the children changes dynamically

I'm using CustomScrollView and sliver_tools package to display a list view with a SliverPinnedHeader. In the SliverPinnedHeader, I have a tab view kind of layout where the user is allowed to select a tab and the content below the SliverPinnedHeader…
dipansh
  • 331
  • 3
  • 15
0
votes
0 answers

The appBar doesn't expand or collapse automatically | Flutter

What I want to achieve is when I scroll, the appBar should expand or collapse automatically, so that there is no middle state, only collapsed or expanded completely. This feature can be seen in contact or setting app, so I want to reproduce it. Here…
AinahToky Andry
  • 11
  • 3
1 2 3
…
30 31