Version: 3.0.0-next.37

HStack / Row

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


import { HStack } from 'native-base';


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.


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

HStack implements Stack, Box