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