react-native-safe-area-context

const initialWindowMetrics: Metrics;

const initialWindowSafeAreaInsets: EdgeInsets;

const SafeAreaConsumer: React.Consumer<EdgeInsets>;

const SafeAreaContext: React.Context<EdgeInsets>;

const SafeAreaFrameContext: React.Context<Rect>;

const SafeAreaInsetsContext: React.Context<EdgeInsets>;

const SafeAreaView: React.ForwardRefExoticComponent<any>;

SafeAreaProvider: ({
    children,
    initialMetrics,
    initialSafeAreaInsets,
    style,
    ...others
}: SafeAreaProviderProps) => React.JSX.Element;

useSafeArea: () => EdgeInsets;

useSafeAreaFrame: () => Rect;

useSafeAreaInsets: () => EdgeInsets;

withSafeAreaInsets: <T>(
    WrappedComponent: React.ComponentType<T & WithSafeAreaInsetsProps>
) => React.ForwardRefExoticComponent<any>;

type Edge = 'top' | 'right' | 'bottom' | 'left';

type EdgeMode = 'off' | 'additive' | 'maximum';

type EdgeRecord = Partial<Record<Edge, EdgeMode>>;

type Edges = readonly Edge[] | Readonly<EdgeRecord>;

type InsetChangedEvent = NativeSyntheticEvent<Metrics>;

type InsetChangeNativeCallback = (event: InsetChangedEvent) => void;

type NativeSafeAreaViewInstance = InstanceType<typeof NativeSafeAreaView>;

type SafeAreaViewProps = NativeSafeAreaViewProps;

type WithSafeAreaInsetsProps = {
    insets: EdgeInsets;
};