Stack Overflow
Stack Overflow

Questions tagged [customscrollview]

85 questions
19
votes
2 answers

Instagram Profile Header Layout In Flutter

I've been investigating SliverAppBar, CustomScrollView, NestedScrollView, SliverPersistentHeader, and more. I cannot find a way to build something like the Instagram user profile screen's header where only the tab bar is pinned. The main body of the…
Ted Henry
  • 1,442
  • 1
  • 14
  • 34
9
votes
2 answers

CustomscrollView scrolled to position top automatically, when i tap a textfield in sliver app bar

Developed a flutter page with search bar on top and bottom we have horizontal list view & followed by vertical list view... when i tapped on the search bar text field my below view scrolled to top position automatically. when I debug it the build…
SaravanaRaja
  • 3,228
  • 2
  • 21
  • 29
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
1 answer

Flutter Sectioned GridView - Header/Category/Group

https://gist.github.com/gabrielemariotti/e81e126227f8a4bb339c Android has SimpleSectionedListAdapter for RecyclerView. This is achievable in Flutter using Nested ListView and GridView or CustomScrollView. The problem is that, the first solution is…
aliep
  • 1,702
  • 2
  • 21
  • 33
6
votes
0 answers

Why can't I keep scroll position although I use PageStorageKey?

I have used NestedScrollView and SliverAppBar to hide app bar when scrolling. In the body of NestedScrollView, I have CustomScrollView with a PageStorageKey but when I have switched back to events tab, scroll position is lost. I cannot understand…
Root
  • 71
  • 3
6
votes
2 answers

Finding a widget inside of a CustomScrollView in Flutter test

I have encountered an error when trying to test my Flutter App. I have a custom widget that is at the bottom (out of the first viewport) of a CustomScrollView widget. In my test, I want to verify that it is actually there. I have already tried to…
Matteo
  • 179
  • 1
  • 8
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
0 answers

How to automatically start scrolling a parent scrollable widget when the child scrollable reaches the top in flutter

It seems quite natural and maybe even expected, but I still haven't found anything that may help. I have a ScrollablePositionedList (almost the same as a ListView) inside another scrollable widget (parent) (I've tried both CustomScrollView and…
Sofiane Zeghoud
  • 81
  • 2
4
votes
1 answer

How to set width on Flutter SliverGrid

I'm trying display a slivergridview view and it just doesn't look good if it's always on full width especially on large screens But CustomScrollView only accepts sliver widgets, which makes container & sizedbox unusable. What is your workaround on…
Mark Dionnie
  • 305
  • 4
  • 11
4
votes
1 answer

CustomScrollView not detecting scrolling

I am new to flutter and wondering if someone could help me with a scroll mechanic. I am trying out SliverAppBar for the first time and it is working correctly with movements of the bar itself. However, I have a ListView.builder that builds widgets…
mlost
  • 59
  • 1
  • 5
3
votes
0 answers

Unable to scroll the SliverAppBar together with the content of the AutoRouter

I cannot scroll the SliverAppbar together with the AutoRouter widget both in a NestedScrollview with nested routes. Tab1 and Tab2 are working as expected. If you scroll the content you expand/collapse the SliverAppbar. Tab3 only scrolls on its own…
ǝlpoodooɟƃuooʞ
  • 506
  • 4
  • 17
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
1 answer

Custom Flutter widget to return two widgets for use with CustomScrollView / slivers

I have a Flutter CustomScrollView with the following structure: body: CustomScrollView( slivers: [ MyCustomTitle(...), MyCustomSliverGrid(...) MyCustomTitle(...), MyCustomSliverGrid(...) MyCustomTitle(...), …
TechAurelian
  • 5,561
  • 5
  • 50
  • 65
3
votes
1 answer

Get the current sliver that is visible/scrolled inside a Flutter CustomScrollView

How do I get the current sliver item that is visible/scrolled inside a Flutter CustomScrollView? My CustomScrollView has multiple SliverGrid and SliverToBoxAdapter widgets inside. I would like to know which `SliverGrid' is currently visible…
TechAurelian
  • 5,561
  • 5
  • 50
  • 65
3
votes
1 answer

Custom Scroll View getting scrolled under Sliver Persistent Header

DefaultTabController( length: _subCategory.tabLength, initialIndex: 0, child: NestedScrollView( physics: BouncingScrollPhysics(), headerSliverBuilder: (headerCtx, innnerBoxIsScrolled) { return…
Himanshu Rajput
  • 100
  • 2
  • 10
1
2 3 4 5 6