Layouts in Flutter: Implementing Stacks, Lists, & Grids in Flutter

Flutter    |    Intermediate
  • 13 videos | 1h 34m 39s
  • Includes Assessment
  • Earns a Badge
Rating 4.3 of 4 users Rating 4.3 of 4 users (4)
The stack, list, and grid layouts are very popular in mobile applications because they make great use of screen real estate and allow you to represent information in a manner that is easy for users to understand and parse. In this course, you will learn to use the Stack widget to layer widgets one on top of another. You will use relative and positioned widgets as a part of the stack and see that positioned widgets give you very fine-grained control over where a widget is placed. Next, you will represent elements using the ListView. You will configure the properties of the ListView to match your use case and use the ListTile and the Card widgets to build list elements. You will also build list views with an infinite number of elements. Finally, you will represent your app elements using the GridView.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Create a stack to layer widgets
    Create and use non-positioned and positioned widgets
    Use the listview widget for vertical and horizontal scrolling
    Use list tile widgets
    Use the listview builder
    Use the dismissible widget for delete actions
  • Use the gridview widget
    Use gridview with images
    Create and configure grid views
    Create an infinite scrolling grid view
    Create a grid view allowing grid item selection
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 1m 35s
  • 3m 23s
  • Locked
    3.  Creating Non-positioned and Positioned Widgets
    10m 31s
  • Locked
    4.  Introducing the ListView Widget
    11m 59s
  • Locked
    5.  Using List Tiles
    11m 3s
  • Locked
    6.  Building Infinite Lists with the ListView Builder
    8m 17s
  • Locked
    7.  Using a Dismissible Widget to Delete List Items
    5m 35s
  • Locked
    8.  Introducing the GridView Widget
    9m 24s
  • Locked
    9.  Displaying Images Using the GridView
    6m 48s
  • Locked
    10.  Configuring GridView Properties
    8m 9s
  • Locked
    11.  Building an Infinite Scrolling GridView
    6m 14s
  • Locked
    12.  Setting up a GridView to Hold Selection State
    9m 26s
  • Locked
    13.  Course Summary
    2m 15s

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

Journey Introduction to Flutter
Rating 4.0 of 1 users Rating 4.0 of 1 users (1)
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 Development: Using Classes & Objects in Dart
Rating 4.4 of 5 users Rating 4.4 of 5 users (5)
Course Layouts in Flutter: Implementing Basic Flutter Layouts
Rating 4.7 of 12 users Rating 4.7 of 12 users (12)
Course Illustrating Web Pages in SharePoint Online
Rating 4.5 of 29 users Rating 4.5 of 29 users (29)