Container

Container component

The Container component is used to wrap child components and provide a safe area.

Props

Prop	Type	Description
children	React.ReactNode	The child components to be rendered inside the container.
style	StyleProp<ViewStyle>	Optional styles to apply to the container.
edges	Edge[]	Determines which edges of the safe area should be considered.
bgColor	string	The background color of the container.

Usage Example

First, you need to import the Container component.

1. You can use the Container component like below:

   import { Container } from '@/components/common/Container';
   

2. You can use it like below:

     <Container edges={['top', 'bottom']} 
       // Default bgColor is working with your device theme.
       // If you want to change it, you can do it.
        bgColor="red" 
       >
        {children}
     </Container>
   

3. You can use it in Chat Screens, Video Swiping Screens, etc.. It is useful for these screens. Otherwise, I don’t recommend to use it too much.

## Properties: