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

Flutter 3.3    |    Intermediate
  • 13 Videos | 1h 34m 39s
  • Includes Assessment
  • Earns a Badge
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

  • Playable
    1. 
    Course Overview
    1m 35s
    UP NEXT
  • Playable
    2. 
    Introducing the Stack
    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 of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.