Using Tab and Scroll Controllers and The Nested Scroll View in Dart's Flutter Framework

In this tutorial, we take a look Tab and Scroll Controllers as well as the Nested Scroll View Widget.

Feel free to donate:
ETH: 0x03247265dd5242605bD2FA3c40fb3b70d9e3D685

[SakshamKarnawat]

OMG thank you so much man I was looking for something similar and was going mad! Thank you so much!!

[romulosandrirodrigues]

Exactly what I was looking for! Thanks a lot, man!!!

[Mohith]

Thanks for the tutorial, I've subscribed. This is what I've been looking for a day

[lhommesage]

You made my day dude. I was about to cry lol. hahaha

[zacturner]

Hey Tensor, I'm using a nested scroll view to achieve this effect with the tab and app bar, however, the behaviour I want is for the pages to scroll independently, not all together as they do with the nested scroll view. I am using a keepaliveclientmixin to have tabs persist, and this worked great with a regular appbar, scaffold setup.

My question is, do you know of any way to achieve independently scrollable tabs with the nested scroll setup (Basically the way the Android Facebook app works) ?

Cheers, I appreciate your responses on these videos.

[Flucadetena]

Awesome video men, super well explained. This made my day/week/... Great job, keep it up!! ;)

[hassanhammad]

You have "PageOne()" and "PageTwo()" for each of the tabs in the TabBar.
Is there a way i may use PageOne() and PageTwo() in a single scrollable (instead of in two separate pages, like the usual TabBarView does), and simply change the TabBar Selection when the scroll reaches the relevant page?

[nazariiovcharchyn]

Hey, Tensor! Everything is clear and easy to remember, awesome video! However, in my app I have TabPages a bit more complicated than I can achieve with Stateless view. So I got pretty long layout (which is basically scaffold) of other widgets, and I still want to make it infinite. Is it possible to achieve? Any help appreciated!!!

[fanyikhong]

This is the closest solution I can find an issue I'm facing. I already have my own AppBar and TabBar, but my Tab Bar is in the middle of the screen and I want to make the contents of each tab scrollable. I tried using your method but it didn't work. Is it possible to do it without a SliverAppBar?

[louisdebmusic]

Hi Tensor. Could you address (or have you addressed) the behaviour where if you had only items 0 & 1 in the ListView, you would still be able to scroll list item 0 underneath the top bar. My desired behaviour would be for the list to bounce to where 0 is fully visible and in the inital position. I believe the solution is to use overlap absorber & injector, but I am having trouble and I think others may appreciate understanding how to implement a bouncing solution.

[berndwessels]

Thanks tensor, looks like there is a regression - does not scroll to 1000.0 - it only scrolls to the extend of the header. How can I programmatically scroll the list?

[AyorindeAdesugba]

Thanks for the great tutorials. Switching tabs causes the Page to be rebuilt - how do you preserve state eg scroll positions and data etc.

[fiazali]

When you use 2 listviews inside NestedScrollView, if 1 of them is scrolled then other one also gets scrolled. How 2 avoid such issue ?

[KwabenaAning]

What if at the end of the "infinite" list view scroll you want to trigger a "fetch more" items in that list view... How do you listen for that event and which controller do you listen to?

[itssanchez]

What if we want the SliverAppBar to show immediately we start scrolling back to the top? So it should show before we scroll to the top

[akshaypapneja]

I got a problem is that.... i want to scoll at the bottom of list view in second tab on a button click...How it can be possible?

[JamesBond-jqkl]

Hi, How to make video editor ? the Video editor Timeline can zoom and scale ?

[anthonydiana]

Can the ListView in the PageTwo have an onPress() method?

[pteale]

Can the tab bar and tab view start in the middle of the screen instead of anchored to the app bar?