react-native-safe-area-context/lib/typescript/SafeArea.types.d.ts

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

import type * as React from 'react';
import type { NativeSyntheticEvent, ViewProps } from 'react-native';
export declare type Edge = 'top' | 'right' | 'bottom' | 'left';
export interface EdgeInsets {
    top: number;
    right: number;
    bottom: number;
    left: number;
}
export interface Rect {
    x: number;
    y: number;
    width: number;
    height: number;
}
export interface Metrics {
    insets: EdgeInsets;
    frame: Rect;
}
export declare type InsetChangedEvent = NativeSyntheticEvent<Metrics>;
export declare type InsetChangeNativeCallback = (event: InsetChangedEvent) => void;
export interface NativeSafeAreaProviderProps extends ViewProps {
    children?: React.ReactNode;
    onInsetsChange: InsetChangeNativeCallback;
}
export interface NativeSafeAreaViewProps extends ViewProps {
    children?: React.ReactNode;
    mode?: 'padding' | 'margin';
    edges?: ReadonlyArray<Edge>;
}