Using the Expanded Widget to Create Flexible Layouts

Using the Expanded Widget to Create Flexible Layouts

Flexible
So if you wrap your widget with a Flexible, there are two things that can happen based on the parameter fit.
Loose fit
If you wrap your widget with a loose fit, your widget will try to take up the remaining least amount of space available along the main axis.
For example, if you have a container inside a column with a height of 600 pixels but the only available space is maybe 250 pixels, the container ends up being 250 pixels.

Tight fit
When the tight fit is used, the widgets dimension inside the Column or Row along the main axis has no bearing at all.

Let’s take the container example which has a height of 150 pixels from before which is inside a Column widget. When you wrap the container with a Flexible with a tight fit, the Flexible will ignore the height of the child container altogether and take up whatever space is available, could be 10 pixels, could be 300 pixels, whatever space is left.

THANKS FOR WATCHING AND DON'T FORGET TO LIKE, COMMENTS, SUBSCRIBE AND HIT THE BELL ICON TO WATCH LATEST VIDEO!

#edudreams #Flutter#flutter tutorial#flutter mobile app#flutter crash course#Learn Flutter#Flutter UI
#flutterdev#fluttergoogle#googledev#androiddev#flutterdeveloper#google#android#androidapp#flutterapp

-~-~~-~~~-~~-~-
Please watch: "String manipulation in Python #codingtutorial #python #programminglanguage #coding"
-~-~~-~~~-~~-~-