Skip to content

Super Useful Flutter Layouts - Right in Your Pocket. πŸ˜‰

License

Notifications You must be signed in to change notification settings

artflutter/layout-demo-flutter

Β 
Β 

Repository files navigation

Super Useful Flutter Layouts - Right in Your Pocket. πŸ˜‰

Update: Flutter web app preview here: https://flutter-layouts-demo.web.app/

YouTube video walkthroughs with explanations here:

Flutter Layouts: Row, Column, Stack, Expanded, Padding

Flutter Layouts: PageView, ListView, GridView, Slivers, Hero Imaegs

This app shows you how to use the most common layouts in Flutter.

You can run this project on your simulator or device.

Oh, and the app itself is built with - guess what - a combination of Flutter layouts. So Meta! 😎

For more articles and video tutorials, check out Coding With Flutter.

Table of Contents

Row / Column

Baseline

Stack

Expanded

Wikipedia: Golden Spiral (also: Fibonacci, Golden Ratio).

Padding

PageView

ListView

Slivers

Hero Image

Nested Lists

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

Attribution

Youtube Play Icon by Youtube Clipart.

About

Super Useful Flutter Layouts - Right in Your Pocket. πŸ˜‰

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 93.9%
  • HTML 3.2%
  • Ruby 1.6%
  • Other 1.3%