kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-04-28 20:25:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Prettier React Native Libraries

Browse Source 
Reviewed By: sahrens

Differential Revision: D7961488

fbshipit-source-id: 05f9b8b0b91ae77f9040a5321ccc18f7c3c1ce9a
This commit is contained in:
Eli White
2018-05-10 19:06:46 -07:00
committed by Facebook Github Bot
parent 1e2de71290
commit d01ab66b47
301 changed files with 6259 additions and 3781 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
Libraries/Modal/Modal.js
View File

@@ -4,8 +4,10 @@
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @format
* @flow
*/
'use strict';
const AppContainer = require('AppContainer');
@@ -21,8 +23,10 @@ const View = require('View');
const deprecatedPropType = require('deprecatedPropType');
const requireNativeComponent = require('requireNativeComponent');
const RCTModalHostView = requireNativeComponent('RCTModalHostView', null);
const ModalEventEmitter = Platform.OS === 'ios' && NativeModules.ModalManager ?
new NativeEventEmitter(NativeModules.ModalManager) : null;
const ModalEventEmitter =
Platform.OS === 'ios' && NativeModules.ModalManager
? new NativeEventEmitter(NativeModules.ModalManager)
: null;
import type EmitterSubscription from 'EmitterSubscription';
@@ -51,7 +55,12 @@ class Modal extends React.Component<Object> {
*
* See https://facebook.github.io/react-native/docs/modal.html#presentationstyle
*/
presentationStyle: PropTypes.oneOf(['fullScreen', 'pageSheet', 'formSheet', 'overFullScreen']),
presentationStyle: PropTypes.oneOf([
'fullScreen',
'pageSheet',
'formSheet',
'overFullScreen',
]),
/**
* The `transparent` prop determines whether your modal will fill the
* entire view.
@@ -78,7 +87,10 @@ class Modal extends React.Component<Object> {
*
* See https://facebook.github.io/react-native/docs/modal.html#onrequestclose
*/
onRequestClose: (Platform.isTVOS || Platform.OS === 'android') ? PropTypes.func.isRequired : PropTypes.func,
onRequestClose:
Platform.isTVOS || Platform.OS === 'android'
? PropTypes.func.isRequired
: PropTypes.func,
/**
* The `onShow` prop allows passing a function that will be called once the
* modal has been shown.
@@ -95,14 +107,22 @@ class Modal extends React.Component<Object> {
onDismiss: PropTypes.func,
animated: deprecatedPropType(
PropTypes.bool,
'Use the `animationType` prop instead.'
'Use the `animationType` prop instead.',
),
/**
* The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
*
* See https://facebook.github.io/react-native/docs/modal.html#supportedorientations
*/
supportedOrientations: PropTypes.arrayOf(PropTypes.oneOf(['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'])),
supportedOrientations: PropTypes.arrayOf(
PropTypes.oneOf([
'portrait',
'portrait-upside-down',
'landscape',
'landscape-left',
'landscape-right',
]),
),
/**
* The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
*
@@ -165,8 +185,16 @@ class Modal extends React.Component<Object> {
}
static _confirmProps(props: Object) {
if (props.presentationStyle && props.presentationStyle !== 'overFullScreen' && props.transparent) {
console.warn(`Modal with '${props.presentationStyle}' presentation style and 'transparent' value is not supported.`);
if (
props.presentationStyle &&
props.presentationStyle !== 'overFullScreen' &&
props.transparent
) {
console.warn(
`Modal with '${
props.presentationStyle
}' presentation style and 'transparent' value is not supported.`,
);
}
}
@@ -196,11 +224,13 @@ class Modal extends React.Component<Object> {
}
}
const innerChildren = __DEV__ ?
( <AppContainer rootTag={this.context.rootTag}>
{this.props.children}
</AppContainer>) :
this.props.children;
const innerChildren = __DEV__ ? (
<AppContainer rootTag={this.context.rootTag}>
{this.props.children}
</AppContainer>
) : (
this.props.children
);
return (
<RCTModalHostView
@@ -214,11 +244,8 @@ class Modal extends React.Component<Object> {
style={styles.modal}
onStartShouldSetResponder={this._shouldSetResponder}
supportedOrientations={this.props.supportedOrientations}
onOrientationChange={this.props.onOrientationChange}
>
<View style={[styles.container, containerStyles]}>
{innerChildren}
</View>
onOrientationChange={this.props.onOrientationChange}>
<View style={[styles.container, containerStyles]}>{innerChildren}</View>
</RCTModalHostView>
);
}
@@ -236,9 +263,9 @@ const styles = StyleSheet.create({
},
container: {
position: 'absolute',
[side] : 0,
[side]: 0,
top: 0,
}
},
});
module.exports = Modal;