Flutter Expanded Container

So, if the child in flexible knows its height (in Column and width in Row) then it will take the mentioned height. But if the height is not mentioned then it will take the remaining height and it will act like an expanded widget. And expanded widget will always take remaining height (or width) .

Using an Expanded widget makes a child of a Row, Column, or Flex expand to fill the available space along the main axis (e.g., horizontally for a Row or vertically for a Column). If multiple children are expanded, the available space is divided among them according to the flex factor.

The only difference if you use Flexible instead of Expanded , is that Flexible lets its child have the same or smaller width than the Flexible itself, while Expanded forces its child to have the exact same width of the Expanded .4 Eki 2018

Using an Expanded widget makes a child of a Row or Column (also for Flex) expand to fill the available space in the main axis ( horizontally for a Row or vertically for a Column). … Flex factor is a property of Expanded widget and determines the usage and sharing of the remaining space between children widgets. 26 May 2020

Using a Flexible widget gives a child of a Row, Column, or Flex the flexibility to expand to fill the available space in the main axis (e.g., horizontally for a Row or vertically for a Column), but, unlike Expanded, Flexible does not require the child to fill the available space.