Flutter Expanded widget - Complete guide with 5 real time uses in Flutter
1.3 هزار بار بازدید -
2 سال پیش
-
In this video, we'll be
In this video, we'll be taking a look at Flutter Expanded widget - a powerful widget that can be used in a variety of ways in Flutter specially for creating responsive UIs.
Here, you will complete guide using the Expanded widget along with all properties which it supports. Along with this we'll be covering 5 different real-time uses for the Expanded widget, so be sure to watch the video to learn more!
Source Code
- - - - - - - - - - - -
https://github.com/flutter-teacher/ex...
Timeline
- - - - - - - - - - -
00:00 - Introduction to Expanded widget
00:21 - Expanding the UI element to fill the available space along the main axis
03:02 - Dividing screen in desired parts, using the flex property
04:53 - Expanding or narrowing the component to fit in the available space
06:29 - Acquiring remaining space for the Text widget
07:27 - Solving unbounded height problem for the ListView
08:52 - Expanded must be descendent of Row or Column widget
Watch Now
- - - - - - - - - - - -
Row Widget in Flutter : Row Widget in Flutter | Flutter Row
Column Widget in Flutter : Column Widget in Flutter | Flutter Co...
Combining a Row and Column in Flutter : Combining a Row and Column in Flutter...
Flutter Tutorial Playlist: Flutter Widgets
Dart Tutorial Playlist : Dart Tutorial
Social Links
- - - - - - - - - - - - -
Subscribe Flutter Teacher : https://bit.ly/3eCECkl
Facebook Page : https://bit.ly/3DjZ83B
GitHub : https://github.com/flutter-teacher
Here, you will complete guide using the Expanded widget along with all properties which it supports. Along with this we'll be covering 5 different real-time uses for the Expanded widget, so be sure to watch the video to learn more!
Source Code
- - - - - - - - - - - -
https://github.com/flutter-teacher/ex...
Timeline
- - - - - - - - - - -
00:00 - Introduction to Expanded widget
00:21 - Expanding the UI element to fill the available space along the main axis
03:02 - Dividing screen in desired parts, using the flex property
04:53 - Expanding or narrowing the component to fit in the available space
06:29 - Acquiring remaining space for the Text widget
07:27 - Solving unbounded height problem for the ListView
08:52 - Expanded must be descendent of Row or Column widget
Watch Now
- - - - - - - - - - - -
Row Widget in Flutter : Row Widget in Flutter | Flutter Row
Column Widget in Flutter : Column Widget in Flutter | Flutter Co...
Combining a Row and Column in Flutter : Combining a Row and Column in Flutter...
Flutter Tutorial Playlist: Flutter Widgets
Dart Tutorial Playlist : Dart Tutorial
Social Links
- - - - - - - - - - - - -
Subscribe Flutter Teacher : https://bit.ly/3eCECkl
Facebook Page : https://bit.ly/3DjZ83B
GitHub : https://github.com/flutter-teacher
2 سال پیش
در تاریخ 1401/08/10 منتشر شده
است.
1,370
بـار بازدید شده