Box
Foundation component. A View wrapper with shorthand style props, covers dimensions, flex, spacing, borders, colours, and position. Every other layout component in the library builds on top of Box.
Row
Box preset with direction="row" applied automatically. Use it whenever you need a horizontal arrangement, icon + label, avatar + name, stat row, tag chips, etc.
Col
Box preset with direction="column" applied automatically. Use it for vertical stacks, form fields, card content, list items, settings rows, notification feeds.
Grid
Compound component (Grid.Root + Grid.Item) for responsive grid layouts. Grid.Item calculates its own width from Dimensions.get('window'), column count, column gap, and span, items always fit exactly without manual maths. This assumes the grid fills the device's full screen width, which holds in a real app but not inside this docs page's preview card, so the live preview below uses a plain Row with percentage widths instead. The code sample is the real, correct Grid.Item usage.
Center
Box preset with align="center" and justify="center" applied automatically. Perfect for loading states, empty states, icon containers, and anything that needs to be centred inside its parent.
AbsoluteCenter
Fills its parent absolutely (top 0, left 0) and centres its children. Use it for loading overlays, modal backdrops, and badge positioning.
Spacer
A fixed-size empty View with no background or styling. Use it to add predictable whitespace between elements without reaching for margin props on every child.
Separator
A thin line divider. Supports horizontal and vertical orientations, solid / dashed / dotted line styles, custom thickness, and colour.
CoreText
Headless Text component with typography shorthand props. No default font, size, or colour, all styling is explicit.
CoreTextInput
Headless TextInput with a subset of Box layout props and typography props combined. No default border, background, or font, style it entirely via props.
CorePressable
Headless TouchableOpacity with Box layout props. No default visual, all styling is up to you. Use it for buttons, list rows, cards, and any tappable surface.