Flutter Layouts Walkthrough: PageView, ListView, GridView, Slivers, CustomScrollView

Highlights:
- Learn how to build layouts with scrollable pages, lists, grids, and other convenience widgets.
- Take this to the next level with slivers, and create a great-looking hero image effect.

00:00 - Intro
01:31 - PageView
02:51 - ListView
04:56 - Slivers
08:23 - Hero Image
15:20 - Nested Lists
16:48 - Summary

Note: I'm using the iOS simulator, but you can open the Android emulator and run the same code.

If you need any help, just ask in the comments. I'll be happy to help.
Feedback and suggestions on new tutorials are very welcome!

This code was written with Flutter Beta 0.4.4, and is tested to work with Dart 2.

Want more? Check out all my Flutter courses: 👇👇

Happy coding!

[CodeWithAndrea]

This demo is now live at this link using Flutter web:

[aledigitale]

AMAZING WORK Andrea !!! Please, keep continue with these tutorials...
they're useful. THE BEST around !

[cynido]

thank you so much, now i know how to solve the unbounded height error in the nested list view

[oliviajohansen]

Thank you so much for the excellent summary and comparison!

[malconcambronero]

Just thank you from all community and special in the spanish community, u are great, keep with all this tutorials.

[oliverbytes]

Amazing video series!!! We hope to see more videos in the future! Keep it up Andrea!

[sanjaymorya]

Andrea you are awesome. Very helpful tutorials for new Flutter Apps Developers.

[subbadajuvlogs]

Thank you so much man. I was having problem with the dynamic tab bar with the corresponding children page. With your video i got an idea and did it.

[raymondyoo]

Wow I learned so much from you
Thanks a lot 😀😀😀

[uzAlexander]

Thanks for sharing this really good things about material views. I probably use this on my project. Thanks for helping Andrea !

[kishansinhparmar]

You are making a amazing flutter examples... i am inspired from you that how to make a perfect examples...

[edwingarcia]

It's not easy, but I'll get there 🤞

[Randomvids]

Again, a great clear lesson. Thank you again.

[TheBreaker]

Great video, as always! Will you make a video on responsive layout? You taught me how to design a layout, now I need to learn how to make it look good on all devices :D

[LimitlessX]

Thats Awesome ! can you explain how to add an html / htm / txt/jpg/png ..etc file (offline / hosted data) into a folder/direct and link the same within list or within grid view. might helpful to all user.

[leoboissard]

hi andrea! u know how i can put a listview inside a pageview both with same direction(vertical)?

[vanvicka]

please how do make a scrollable popupmenu?

[sohedulislam]

can you explain how it iterate full list of asset images- assetNames[index % assetNames.length]. and also here, what does % means

[mandimbitafikasambizafymar]

How to use this when I try to start develop an application? I'm a Beginner.

[Richard-onhn]

well it look's good !! but i downloaded it, and can't build it on ios... help