Skip to content
Docs
Components
Layout
SafeAreaBox

SafeAreaBox

Wrapper around SafeAreaView component from react-native, it accepts every props from react native SafeAreaView component.

Import

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

Usage

Background color

EDITABLE EXAMPLE
<SafeAreaBox bg="blue.100" h="100%">
  <HStack spacing={10} p="lg">
    <Box h={40} w={40} bg="green.500" />
    <Box h={40} w={40} bg="teal.500" />
    <Box h={40} w={40} bg="yellow.500" />
  </HStack>
</SafeAreaBox>

Props

Extends every Box and SafeAreaView from React Native props.