This is part of the "Flutter Fundamentals" learning path. View Path

Flutter UI Widgets

Nov 9 2021 · Video Course (1 hr, 27 mins) · Beginner

Explore commonly used UI widgets in Flutter and see how they relate to their native iOS and Android counterparts.


  • Dart 2.14, Flutter 2.5, VS Code 1.61

Flutter UI Widgets

Get a brief overview of how Flutter approaches UI creation using the declarative approach and how it compares to its native counterparts.


Learn about commonly used widgets that are essential building blocks in almost every app you create.


Build Layouts

7:16 Free

Build a card widget by combining different layout widgets and learn how to use the Stack widget to lay widgets on top of each other.


Work with Images

5:38 Free

Learn how to work with network and local images and see how assets and resources are managed in Flutter apps.


Explore different widgets that are used to add scroll functionality to collections of widgets that are larger than the viewport.


Learn how to setup different Tab based layouts and integrate different screens with different views.


Learn how to use the FutureBuilder widget to display content gotten from an asynchronous task like fetching data online.


Learn how to use themes to style your apps and switch styling based on whether the underlying OS is set to dark mode.


Add interactions and navigation to your app and learn how to use the CustomScrollView widget to add custom scroll effects with the use of slivers.


Work with Forms

8:20 Free

Explore different input widgets and learn how they can be combined to create beautiful forms in your apps.


Display Dialogs

3:12 Free

Learn about Dialogs and use the AlertDialog to display the result of the submitted form.


Learn how to use different responsive widgets provided by Flutter to create responsive app UI.


Explore some of the iOS style widgets provided by Flutter and learn how they can be used in your apps.


Use Cupertino based widgets to style form inputs that look and feel native.


Take the existing material-based app and adapt it to fit cupertino design specification if the underlying platform is iOS.


Next course in this Learning Path

Version history

Flutter 2.5, Dart 2.14, VS Code 1.61 (Selected)

Nov 9 2021

Flutter 1.12, Dart 2.7, VS Code 1.43

Jul 21 2020

Who is this for?

Flutter, iOS and Android developers seeking to learn about the UI widgets provided by the Flutter framework. It is expected that you have knowledge of setting up a basic Flutter application before taking this course.

Covered concepts

  • Exploring common UI widgets
  • Comparing widgets to their native counterparts
  • UI widgets unique to Flutter