react-native-safe-area-context/src/specs/NativeSafeAreaView.ts

A flexible way to handle safe area, also works on Android and web.

import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
import type { ViewProps, HostComponent } from 'react-native';

export interface NativeProps extends ViewProps {
  mode?: WithDefault<'padding' | 'margin', 'padding'>;
  edges?: Readonly<{
    top: string;
    right: string;
    bottom: string;
    left: string;
  }>;
}

export default codegenNativeComponent<NativeProps>('RNCSafeAreaView', {
  interfaceOnly: true,
}) as HostComponent<NativeProps>;