HStack

HStack is a layout component to display several children elements horizontally with a space between them.

Import

import { HStack } from "react-native-ficus-ui";

Usage

EDITABLE EXAMPLE

<HStack spacing={10}>
  <Center w={40} h={40} bg="yellow.200">
    <Text color="black">1</Text>
  </Center>
  <Center w={40} h={40} bg="red.200">
    <Text color="black">2</Text>
  </Center>
  <Center w={40} h={40} bg="pink.200">
    <Text color="black">3</Text>
  </Center>
</HStack>

Props

Extends every Stack props.

Flex VStack