Layouts in Flutter: Implementing Basic Flutter Layouts

Flutter    |    Beginner
  • 12 videos | 1h 30m 29s
  • Includes Assessment
  • Earns a Badge
Rating 4.7 of 12 users Rating 4.7 of 12 users (12)
The Flutter cross-platform framework offers a wide range of layout options to develop your application's pages. Flutter layouts enable you to create beautiful, responsive design for the right look and feel in your mobile applications. In this course, you will learn how Flutter widgets work, how they use composition to build complex user interface component hierarchies, and how the Flutter framework uses the element tree and render tree to render widgets to screen in an efficient way. Next, you will use Material Design components to create simple application pages. You will learn how to work with the Container, Text, Padding, and Image widgets to build elegant app pages. Finally, you will learn how to work with the Scaffold widget to create app pages that follow Material Design best practices.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Outline the use of flutter widgets
    Outline how the element, render, and widget tree work
    Create an android studio project and android emulator
    Create and run a flutter app
    Use widgets in a flutter app and create a stateless widget
  • Create a container layout
    Create and decorate a container
    Use images in containers
    Use floating action buttons and themes
    Add and format drawers in an app and use a bottom app bar
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 1m 19s
  • 10m 31s
  • Locked
    3.  Rendering and Layout in Flutter
    8m 28s
  • Locked
    4.  Setting up a Flutter Project and Android Emulator
    7m 44s
  • Locked
    5.  Running our First Flutter App
    7m 34s
  • Locked
    6.  Using the Material App and Stateless Widgets
    12m 5s
  • Locked
    7.  Creating a Simple Layout Using Containers
    8m 46s
  • Locked
    8.  Exploring Container Properties
    6m 56s
  • Locked
    9.  Using Containers, Columns, and Images
    7m 15s
  • Locked
    10.  Assigning Themes to the Material App
    10m 23s
  • Locked
    11.  The Drawer and Bottom App Bar
    7m 26s
  • Locked
    12.  Course Summary
    2m 2s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Forms and Animations with Flutter: Working with Input Widgets & Forms
Rating 4.3 of 4 users Rating 4.3 of 4 users (4)
Course Forms and Animations with Flutter: Implementing & Configuring Animations
Rating 4.3 of 3 users Rating 4.3 of 3 users (3)
Course Final Exam: Building Mobile Apps with Flutter
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Flutter and Backends: Persisting Data on the Local Device
Rating 4.3 of 4 users Rating 4.3 of 4 users (4)
Course Flutter Development: Getting Set Up with Flutter for Application Development
Rating 4.6 of 10 users Rating 4.6 of 10 users (10)
Course Forms and Animations with Flutter: Implementing & Configuring Animations
Rating 4.3 of 3 users Rating 4.3 of 3 users (3)