Flutter Advanced UI Series EP16 - Flutter NestedScrollView (Part 4)

This video is introducing about Flutter NestedScrollView Widget. NestedScrollView is a scrolling view inside of which can be nested other scrolling views, with their scroll positions being intrinsically linked. The most common use case for this widget is a scrollable view with a flexible SliverAppBar containing a TabBar in the header (built by headerSliverBuilder, and with a TabBarView in the body, such that the scrollable view's contents vary based on which tab is visible. In a normal ScrollView, there is one set of slivers (the components of the scrolling view). If one of those slivers hosted a TabBarView which scrolls in the opposite direction (e.g. allowing the user to swipe horizontally between the pages represented by the tabs, while the list scrolls vertically), then any list inside that TabBarView would not interact with the outer ScrollView.

Let's try out and see.

0:00 Introduction
2:33 start coding
2:52 create tab bar
5:35 NestedScrollView
7:08 insert Sliver List
10:17 PageStorageKey
11:23 Sliver App Bar floating and snap
14:11 SliverOverlapAbsorber
15:11 SliverOverlapInjector

Credit to:

1) Canva
- Background Images & Thumbnail

2) Image

3) Background Music:
- Youtube Audio Library
a. Six Seasons, by Unicorn Heads
b. Sunset Dream, by Cheel
c. Soft Feeling, by Cheel
d. Sunday Rain, by Cheel
e. Instant Crush, by Corbyn Kites

4)Flutter Basic Widgets:

#flutter
#NestedScrollView
#slivers
#tabbar
#custom
#scrolling
#controller

Follow @
1. instagram - codelx21 (TechnoLX21)
2. Twitter - @LxTechno

[HemantPrajapati-rpmi]

If I can't add scrollcontroller for the listview in tabbarview as widget then how I'm gonna implement pagination