Stack | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
Stack
Stack aligns items vertically or horizontally based on the direction prop.
Example
Playground
Props
divider
The divider element to use between elements.
Type: Element
space
The space between each stack item. Accepts Responsive values
Type: ResponsiveValue<number | "gutter" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl">
reversed
Determines whether to reverse the direction of Stack Items.
Type: boolean
direction
The direction of the Stack Items.
Type: ResponsiveValue<"column" | "row">
Default: column
Quick Nav
Nativebase logo
MadeWithNativeBase