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

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

Thanks for watching!

Want More?

Invest in yourself with my high-quality Flutter courses.

Flutter Foundations Course

Flutter Foundations Course

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

Flutter & Firebase Masterclass

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

The Complete Dart Developer Guide

The Complete Dart Developer Guide

Learn Dart Programming in depth. Includes: basic to advanced topics, exercises, and projects. Fully updated to Dart 2.15.

Flutter Animations Masterclass

Flutter Animations Masterclass

Master Flutter animations and build a completely custom habit tracking application.