HStack / Row | 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).
HStack / Row
HStack aligns items horizontally. Row is also an alias for HStack.
Show Code
Playground
Import
Copy
import { HStack } from 'native-base';
Examples
Playground
Props
direction
The direction of the Stack Items.
Type: ResponsiveValue<"row" | "column" | "column-reverse" | "row-reverse">
Default: row
Nativebase logo
MadeWithNativeBase