Version: 3.0.0-next.37

VStack / Column

VStack aligns items vertically.Column is also an alias for VStack.

Import#

import { VStack } from 'native-base';

Usage#

Important 🚨#

If you want to pass custom components (not a NativeBase imported component) as direct children of Stack, VStack, HStack, or ZStack you must wrap that in a Box for Stacks to work as expected.

Props#

Name Type Description Default
direction ResponsiveValue<"column" | "row"> The direction of the Stack Items. column

VStack implements Stack, Box