123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
- 'use strict';
- import codegenNativeComponent from '../Utilities/codegenNativeComponent';
- import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
- import type {
- WithDefault,
- DirectEventHandler,
- Int32,
- } from '../Types/CodegenTypes';
- import type {ViewProps} from '../Components/View/ViewPropTypes';
- type OrientationChangeEvent = $ReadOnly<{|
- orientation: 'portrait' | 'landscape',
- |}>;
- type NativeProps = $ReadOnly<{|
- ...ViewProps,
- /**
- * The `animationType` prop controls how the modal animates.
- *
- * See https://reactnative.dev/docs/modal.html#animationtype
- */
- animationType?: WithDefault<'none' | 'slide' | 'fade', 'none'>,
- /**
- * The `presentationStyle` prop controls how the modal appears.
- *
- * See https://reactnative.dev/docs/modal.html#presentationstyle
- */
- presentationStyle?: WithDefault<
- 'fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen',
- 'fullScreen',
- >,
- /**
- * The `transparent` prop determines whether your modal will fill the
- * entire view.
- *
- * See https://reactnative.dev/docs/modal.html#transparent
- */
- transparent?: WithDefault<boolean, false>,
- /**
- * The `statusBarTranslucent` prop determines whether your modal should go under
- * the system statusbar.
- *
- * See https://reactnative.dev/docs/modal.html#statusBarTranslucent
- */
- statusBarTranslucent?: WithDefault<boolean, false>,
- /**
- * The `hardwareAccelerated` prop controls whether to force hardware
- * acceleration for the underlying window.
- *
- * See https://reactnative.dev/docs/modal.html#hardwareaccelerated
- */
- hardwareAccelerated?: WithDefault<boolean, false>,
- /**
- * The `onRequestClose` callback is called when the user taps the hardware
- * back button on Android or the menu button on Apple TV.
- *
- * This is required on Apple TV and Android.
- *
- * See https://reactnative.dev/docs/modal.html#onrequestclose
- */
- onRequestClose?: ?DirectEventHandler<null>,
- /**
- * The `onShow` prop allows passing a function that will be called once the
- * modal has been shown.
- *
- * See https://reactnative.dev/docs/modal.html#onshow
- */
- onShow?: ?DirectEventHandler<null>,
- /**
- * Deprecated. Use the `animationType` prop instead.
- */
- animated?: WithDefault<boolean, false>,
- /**
- * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
- *
- * See https://reactnative.dev/docs/modal.html#supportedorientations
- */
- supportedOrientations?: WithDefault<
- $ReadOnlyArray<
- | 'portrait'
- | 'portrait-upside-down'
- | 'landscape'
- | 'landscape-left'
- | 'landscape-right',
- >,
- 'portrait',
- >,
- /**
- * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
- *
- * See https://reactnative.dev/docs/modal.html#onorientationchange
- */
- onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
- /**
- * The `identifier` is the unique number for identifying Modal components.
- */
- identifier?: WithDefault<Int32, 0>,
- |}>;
- export default (codegenNativeComponent<NativeProps>('ModalHostView', {
- interfaceOnly: true,
- paperComponentName: 'RCTModalHostView',
- }): HostComponent<NativeProps>);
|