Package-level declarations

Defines how a child should be aligned with a Row or Column, overriding the parent's align-items property for this child.

Defines an aspect ratio for this component, meaning the ratio of width to height. This means if aspectRatio is set to 2 and width is calculated to be 50px, then height will be 100px.

Describes how a Border should be drawn around this component. Setting this property will cause the Component to be represented as a View at mount time if it wasn't going to already.

Flex allows you to define how this component should take up space within its parent. It's comprised of the following properties:

Gap will add spacing between the rows and columns of a flex container. You can specify if you want the gaps to be between only the rows, only the columns, or both.

Describes the RTL/LTR direction of component. Determines whether {@link YogaEdge#START} and {@link YogaEdge#END} will resolve to the left or right side, among other things. INHERIT indicates this setting will be inherited from this component's parent. Setting this property will cause the Component to be represented as a View at mount time if it wasn't going to already.

Sets margin value for specified edge to auto. The item will extend the margin for this edge to occupy the extra space in the parent, depending on the direction (Row or Column).

Used in conjunction with positionType to define how a component should be positioned in its parent.

Used in conjunction with positionType to define how a component should be positioned in its parent, with a float value between 0 and 100.

See docs in position.