VStack / Column | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
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).
VStack / Column
VStack aligns items vertically. Column is also an alias for VStack.
Show Code
Playground
Import
Copy
import { VStack } from 'native-base';
Usage
Playground
Props
direction
The direction of the Stack Items.
Type: ResponsiveValue<"row" | "column" | "column-reverse" | "row-reverse">
Default: column
Nativebase logo
MadeWithNativeBase