Version: 3.0.0-next.37

HStack / Row

HStack aligns items horizontally. Row is also an alias for HStack.

Import#

import { HStack } from 'native-base';

Examples#

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", Required<Theme<TLengthStyledSystem>>> The direction of the Stack Items. row

HStack implements Stack, Box