The Stack Widget

If the Row widget places its children on the x-axis, and the Column widget places them on the y-axis, the Stack widget places its children on the z-axis. It’s used to render widgets on top of each other. Whether we have a small screen or a larger screen, the position of the children of a Stack widget is not that relevant. This is because the semantic distance among them isn’t related to width or height.

Nevertheless, we can improve the UI by placing the children differently according to the available space. Look at the following code: