Row
A row is horizontal container that allows you to position components side by side.
Video Tutorial
Set the Size of a Row
For more information on sizing in your app, please see our introduction here
Space the Elements Horizontally
The Horizontal Alignment
property allows you to space elements in a Row horizontally
Space the Elements Vertically
The Vertical Alignment
property allows you to space elements in a Row vertically
Add a Background Color or Picture
Background Picture Resize Mode
Cover: Fills the entire screen without changing the height and width ratio of the image
Contain: The entire image will be scaled down to fit inside the screen, without changing the height and width ratio of the image
Stretch: The image's height will change to fill the screen length-wise
Repeat: Repeat the image to cover the screen. The image's height and width ratio
will not change
Center: Positions the image in the middle of the frame
Last updated