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

Following the success of my first Flutter layouts video, I have expanded my Flutter layouts demo app to include scrollable widgets.

Full source code available here:

bizz84/layout-demo-flutter

You can run this project on your simulator or device.

New additions to the demo app (with links to the official Flutter docs):

PageView

• PageView

ListView

• ListView
• ListTile

Slivers

• CustomScrollView
• SliverAppBar
• SliverGrid
• SliverFixedExtentList

Hero Image

• Stack
• Positioned
• SliverPersistentHeader
• SliverGrid

Nested Lists

• ListView

Have I missed anything? Let me know in the comments.

For more articles and video tutorials, check out Code With Andrea.

Read Next: Flutter: My favourite keyboard shortcuts.

I’m @biz84 on Twitter. You can also see my GitHub page. If you liked this article, send me some 👏👏👏. It motivates me to write more content and helps others discover it.