Today, almost every device has a different height and width. Some devices also have a notch at the top of the screen that insets into the available screen space. In short, you cannot assume that your app will look the same on every screen—you have to be flexible.
Column and Row widgets do not just position widgets one after another—they also implement a variable on the FlexBox algorithm, allowing you to write UIs that should always look correct, regardless of the screen size.
In this recipe, we will demonstrate two ways to develop proportional widgets: Flexible and Expanded widgets.