Add Android support for Modal

Summary:This adds support for Modal.js on Android.

I added the ModalExample to UIExplorer to demonstrate the usage.

Reviewed By: andreicoman11

Differential Revision: D3053732

fb-gh-sync-id: 292173bdd5cb518e87cbb1d622af436704bb6329
shipit-source-id: 292173bdd5cb518e87cbb1d622af436704bb6329
This commit is contained in:
Dave Miller 2016-03-17 08:51:58 -07:00 committed by Facebook Github Bot 3
parent 4c9c62a161
commit 998d68d36d
1 changed files with 5 additions and 3 deletions

View File

@ -48,7 +48,7 @@ class Modal extends React.Component {
<RCTModalHostView <RCTModalHostView
animated={this.props.animated} animated={this.props.animated}
transparent={this.props.transparent} transparent={this.props.transparent}
onDismiss={this.props.onDismiss} onRequestClose={this.props.onRequestClose}
onShow={this.props.onShow} onShow={this.props.onShow}
style={styles.modal}> style={styles.modal}>
<View style={[styles.container, containerBackgroundColor]}> <View style={[styles.container, containerBackgroundColor]}>
@ -63,7 +63,7 @@ Modal.propTypes = {
animated: PropTypes.bool, animated: PropTypes.bool,
transparent: PropTypes.bool, transparent: PropTypes.bool,
visible: PropTypes.bool, visible: PropTypes.bool,
onDismiss: PropTypes.func, onRequestClose: PropTypes.func,
onShow: PropTypes.func, onShow: PropTypes.func,
}; };
@ -76,8 +76,10 @@ var styles = StyleSheet.create({
position: 'absolute', position: 'absolute',
}, },
container: { container: {
left: 0,
position: 'absolute', position: 'absolute',
bottom: 0,
left: 0,
right: 0,
top: 0, top: 0,
} }
}); });