Creating Layouts with Flutter

By Simone Alessandria
In this course, you'll learn everything you need to start building professional and engaging layouts with Flutter. You'll cover the basics of building user interfaces in Flutter, targeting both Android and iOS.
Play course overview
Course info
Rating
(24)
Level
Beginner
Updated
Jul 30, 2019
Duration
3h 16s
Table of contents
Course Overview
Course Overview 2m
Building a Basic Layout
Intro 3m Using a Scaffold 8m Using Themes and Colors 3m Summary 1m
Using Containers
Intro 1m Setting a Container Size and Shape 5m Positioning and Transforming Containers 3m Using Gradients 5m Adding Images 5m Demo: Drawing Shapes 12m Summary 1m
Using Rows and Columns
Intro 1m Using Alignment in Rows and Columns 8m Using Space in Rows and Columns 4m Creating a Layout with Rows and Columns 6m Recap 1m
Managing and Extending the Space on the Screen
Intro 1m Using a Stack 5m Creating an App Screen with a Stack 6m Using a ListView 6m Creating a Contacts List Using ListView 7m Using a GridView 2m Creating a Gallery Using GridView 3m Summary 1m
Creating Layouts for Navigation
Intro 1m Setting up the App 5m Using a PopupMenuButton 6m Using a Drawer 5m Using a BottomNavigationBar 3m Using a TabBar 3m Summary 1m
Using Cupertino Widgets
Intro 2m Using Cupertino Widgets 3m Building a CupertinoApp with a CupertinoTabBar 4m Using CupertinoPageScaffold, CupertinoTextField, and CupertinoButton 8m Using a CupertinoSegmentedControl 5m Using a CupertinoAlertDialog 8m The Platform Class and flutter_platform_widgets 3m Summary 1m
Using Animations in Your Layouts
Intro 1m Using a Linear Hero Animation 10m Using a Radial Hero Animation 8m Summary 1m
Description
Course info
Rating
(24)
Level
Beginner
Updated
Jul 30, 2019
Duration
3h 16s
Description

In order to succeed, mobile products have to look good. In this course, Creating Layouts with Flutter, you'll gain the ability to leverage Flutter widgets in order to build professional layouts. First, you’ll learn how to use Containers, Rows, and Columns. Next, you’ll discover how to extend the space on your screen with ListView and GridView. Finally, you’ll explore how to use the Cupertino Library to target iOS devices and use hero animations in your apps. When you’re finished with this course, you’ll have the skills and knowledge of Flutter needed to create engaging user interfaces. Software required: The Flutter SDK, Visual Studio Code or Android Studio/IntelliJ Idea.

About the author
Simone Alessandria
About the author

Simone Alessandria wrote his first program when he was 12. A few years later, he is now a trainer (MCP), author, speaker, passionate software architect, and proud coder. He is founder and owner at Softwarehouse.it. His areas of expertise include business data-driven apps and mobile development.

More from the author
Persisting Data Locally with Flutter
Intermediate
2h 33m
Nov 24, 2020
Flutter: The Big Picture
Beginner
1h 13m
Mar 6, 2019
More courses by Simone Alessandria
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is Simone Alessandria. Welcome to my course Creating Layouts with Flutter. I'm a speaker, author, and proud developer at softwarehouse.it, and I'm also in love with Flutter. Not only is it a fantastic framework for creating mobile apps, for iOS and Android, but it's also becoming a universal platform where you'll be able to run your projects on mobile, web, and desktop. And also important is that Google is investing heavily on Flutter. In this course, you are going to use several layout widgets in Flutter with hands on exercises so that at the end of each module you have a working prototype of the widgets you've used. Some of the major topics that we will cover include using ListView, GridView, and Stack; creating layouts for navigation; using Cupertino widgets; creating linear and radial hero animations. By the end of this course, you'll know how to create professional and engaging layouts for Flutter. Before beginning the course, you should have some exposure to Flutter, even at a beginner's level. I hope you'll join me on this journey to learn Flutter with the Creating Layouts with Flutter course at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT