useInsets

import React from 'react';
import { View } from 'react-native';
 
import { useInsets } from '@/hooks/useInsets';
 
export function MyComponent() {
    const { top, right, bottom, left } = useInsets();
 
    return (
        <View
            style={{
                paddingTop: top,
                paddingRight: right,
                paddingBottom: bottom,
                paddingLeft: left,
                backgroundColor: 'red',
            }}
        >
            {/* ... */}
        </View>
    )
}