react-native-screens
Version:
Native navigation primitives for your React Native app.
78 lines • 3.71 kB
TypeScript
import type { CodegenTypes as CT, ViewProps, ColorValue } from 'react-native';
type ScreenEvent = Readonly<{}>;
type ScreenDismissedEvent = Readonly<{
dismissCount: CT.Int32;
}>;
type TransitionProgressEvent = Readonly<{
progress: CT.Double;
closing: CT.Int32;
goingForward: CT.Int32;
}>;
type HeaderHeightChangeEvent = Readonly<{
headerHeight: CT.Double;
}>;
type SheetDetentChangedEvent = Readonly<{
index: CT.Int32;
isStable: boolean;
}>;
type GestureResponseDistanceType = Readonly<{
start: CT.Float;
end: CT.Float;
top: CT.Float;
bottom: CT.Float;
}>;
type StackPresentation = 'push' | 'modal' | 'transparentModal' | 'fullScreenModal' | 'formSheet' | 'pageSheet' | 'containedModal' | 'containedTransparentModal';
type StackAnimation = 'default' | 'flip' | 'simple_push' | 'none' | 'fade' | 'slide_from_right' | 'slide_from_left' | 'slide_from_bottom' | 'fade_from_bottom' | 'ios_from_right' | 'ios_from_left';
type SwipeDirection = 'vertical' | 'horizontal';
type ReplaceAnimation = 'pop' | 'push';
type OptionalBoolean = 'undefined' | 'false' | 'true';
export interface NativeProps extends ViewProps {
onAppear?: CT.DirectEventHandler<ScreenEvent>;
onDisappear?: CT.DirectEventHandler<ScreenEvent>;
onDismissed?: CT.DirectEventHandler<ScreenDismissedEvent>;
onNativeDismissCancelled?: CT.DirectEventHandler<ScreenDismissedEvent>;
onWillAppear?: CT.DirectEventHandler<ScreenEvent>;
onWillDisappear?: CT.DirectEventHandler<ScreenEvent>;
onHeaderHeightChange?: CT.DirectEventHandler<HeaderHeightChangeEvent>;
onTransitionProgress?: CT.DirectEventHandler<TransitionProgressEvent>;
onGestureCancel?: CT.DirectEventHandler<ScreenEvent>;
onHeaderBackButtonClicked?: CT.DirectEventHandler<ScreenEvent>;
onSheetDetentChanged?: CT.DirectEventHandler<SheetDetentChangedEvent>;
screenId?: CT.WithDefault<string, ''>;
sheetAllowedDetents?: number[];
sheetLargestUndimmedDetent?: CT.WithDefault<CT.Int32, -1>;
sheetGrabberVisible?: CT.WithDefault<boolean, false>;
sheetCornerRadius?: CT.WithDefault<CT.Float, -1.0>;
sheetExpandsWhenScrolledToEdge?: CT.WithDefault<boolean, false>;
sheetInitialDetent?: CT.WithDefault<CT.Int32, 0>;
sheetElevation?: CT.WithDefault<CT.Int32, 24>;
sheetShouldOverflowTopInset?: CT.WithDefault<boolean, false>;
customAnimationOnSwipe?: boolean;
fullScreenSwipeEnabled?: CT.WithDefault<OptionalBoolean, 'undefined'>;
fullScreenSwipeShadowEnabled?: CT.WithDefault<boolean, true>;
homeIndicatorHidden?: boolean;
preventNativeDismiss?: boolean;
gestureEnabled?: CT.WithDefault<boolean, true>;
statusBarColor?: ColorValue;
statusBarHidden?: boolean;
screenOrientation?: string;
statusBarAnimation?: string;
statusBarStyle?: string;
statusBarTranslucent?: boolean;
gestureResponseDistance?: GestureResponseDistanceType;
stackPresentation?: CT.WithDefault<StackPresentation, 'push'>;
stackAnimation?: CT.WithDefault<StackAnimation, 'default'>;
transitionDuration?: CT.WithDefault<CT.Int32, 500>;
replaceAnimation?: CT.WithDefault<ReplaceAnimation, 'pop'>;
swipeDirection?: CT.WithDefault<SwipeDirection, 'horizontal'>;
hideKeyboardOnSwipe?: boolean;
activityState?: CT.WithDefault<CT.Float, -1.0>;
navigationBarColor?: ColorValue;
navigationBarTranslucent?: boolean;
navigationBarHidden?: boolean;
nativeBackButtonDismissalEnabled?: boolean;
synchronousShadowStateUpdatesEnabled?: CT.WithDefault<boolean, false>;
}
declare const _default: import("react-native").HostComponent<NativeProps>;
export default _default;
//# sourceMappingURL=ModalScreenNativeComponent.d.ts.map