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 a card widget by combining different layout widgets and learn how to use the Stack widget to lay widgets on top of each other.

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.

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

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.