Skip to content
Videos
Video

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

by Andrea Bizzotto youtu.be

19 min 102.5k views

Full source code on GitHub: https://github.com/bizz84/layout-demo-flutter Sign up here for more videos: https://codingwithflutter.com/ Flutter & Firebase Udemy Course (with discount code): https://www.udemy.com/flutter-firebase-build-a-complete-app-for-ios-android/?couponCode=DART15 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. 01:31 - PageView 02:51 - ListView 04:56 - Slivers 08:23 - Hero Image 15:20 - Nested Lists 16:48 - Summary Part one of my layout demo is here: https://www.youtube.com/watch?v=RJEnTRBxaSg 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. Thanks for watching!

Made by

Andrea Bizzotto @andreabizzotto 🇬🇧 United Kingdom

Available for hire

Andrea Bizzotto has extensive experience in mobile app development, having built complex apps for various clients and as an independent developer. He is passion...

View Andrea on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics Firebase

It's All Widgets

Apps by Andrea Bizzotto

  • Flight CO2 Calculator screenshot

    Flight CO2 Calculator

    Simple app to calculate the CO2 emissions from your flights.

    Open source

Report this · Wrote this? Claim it

Supported by