Size & Position

Size

Specify minimum, maximum, or specifically set heights and widths for the element.

500
PropertyDescription
autoThe default setting that is calculated based on what other elements, if any, are inside the element.
ptExplicitly set an exact height/width.
percentageSet the height/width as a percentage of the height/width of the parent element.

Position

⚠️

Usually you want to use Flex Layout to position components on your Screen so that your UI will adapt to different device screen sizes. The Position props are generally only used in special situations.

Determines how a child element is placed in its parent container.

488
PropertyDescription
RelativePositions the element relative to the other elements in the parent container.
AbsoluteTakes the element out of the flow of all other elements in the child container. The top, right, left, and bottom values are used to determine the position of the element. Set these values to define how far away the element should be from the edges of the parent element.
Z-indexDetermines the level of the element. The higher the Z-Index, the higher priority the element will have in regards to stacking.
OverflowDetermines the behavior of remaining content that goes beyond the bounds of the container.

Additional Resources