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

Andrea Bizzotto

Jun 9, 20181 min read

Source code on GitHub

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.

Included

PageView
ListView
Slivers
Hero Image
Nested Lists
Summary

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

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

Source Code

Super Useful Flutter Layouts - Right in Your Pocket

Thanks for watching!

Want More?

Invest in yourself with my high-quality Flutter courses.

Flutter In Production

INTERMEDIATE TO ADVANCED

Learn about flavors, environments, error monitoring, analytics, release management, CI/CD, and finally ship your Flutter apps to the stores. 🚀

Flutter Foundations Course

INTERMEDIATE TO ADVANCED

Learn about State Management, App Architecture, Navigation, Testing, and much more by building a Flutter eCommerce app on iOS, Android, and web.

Flutter & Firebase Masterclass

INTERMEDIATE TO ADVANCED

Learn about Firebase Auth, Cloud Firestore, Cloud Functions, Stripe payments, and much more by building a full-stack eCommerce app with Flutter & Firebase.