Aspect Ratio

The Aspect Ratio component constrains the dimensions of it's child(ren) to the selected aspect ratio.

How to use

The Aspect Ratio components is similar to a standard View. You can nest a component, such as an Image, inside Aspect Ratio and have the image constrained by the ratio that you select.

For example, selecting a ratio of 1:1 would create a square where the length and height are proportionally equal. A ratio of 3:1 means the length is 3 times the height. A ratio of 4:3 would mean the height is 3/4 of the width.

Style Properties

Style properties allow you to customize the look and feel of the component. Combinations of styles applied to components can be saved as Stylesheets to easily reuse styles throughout your app. Styles can also be set dynamically using Variables. To learn more about all the different styling properties and how they work, take a look at Intro to Styling.

Aspect RatioAspect ratio of the view

Configuration Properties

Component nameThe name of the component as it appears in the Screen's component tree

Data Properties

Conditional Display

You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.