react-native-safe-area-context/lib/typescript/src/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';
import NativeSafeAreaView from './specs/NativeSafeAreaView';
export type Edge = 'top' | 'right' | 'bottom' | 'left';
export type EdgeMode = 'off' | 'additive' | 'maximum';
export type EdgeRecord = Partial<Record<Edge, EdgeMode>>;
export type Edges = readonly Edge[] | Readonly<EdgeRecord>;
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 type InsetChangedEvent = NativeSyntheticEvent<Metrics>;
export 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?: Edges;
}
export type NativeSafeAreaViewInstance = InstanceType<typeof NativeSafeAreaView>;
//# sourceMappingURL=SafeArea.types.d.ts.map