How to use react-native-modals - 3 common examples
To help you get started, we’ve selected a few react-native-modals examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
1280103995 / react-native-elm / src / dialog / LogoutDialog.js View on Github 
render() {
return (
{ this.hide(); return true }}
modalAnimation={new ScaleAnimation({
initialValue: 0, // optional
useNativeDriver: true, // optional
})}
modalStyle={styles.contentStyle}
modalTitle={}
footer={{
this.setState({ scaleAnimationModal: false });
}}
width={0.9}
visible={this.state.scaleAnimationModal}
onSwipeOut={() => this.setState({ scaleAnimationModal: false })}
modalAnimation={new ScaleAnimation()}
onHardwareBackPress={() => {
console.log('onHardwareBackPress');
this.setState({ scaleAnimationModal: false });
return true;
}}
modalTitle={
}
actions={[
{
this.setState({ scaleAnimationModal: false });onDismiss={() => {
this.setState({ swipeableModal: false });
}}
width={0.9}
overlayOpacity={1}
visible={this.state.swipeableModal}
rounded
actionsBordered
onSwipeOut={() => {
this.setState({ swipeableModal: false });
}}
onTouchOutside={() => {
this.setState({ swipeableModal: false });
}}
swipeDirection={['down', 'up']}
modalAnimation={new SlideAnimation({ slideFrom: 'bottom' })}
modalTitle={
}
footer={
{
this.setState({ swipeableModal: false });
}}
key="button-1"
/>react-native-modals
React Native Modals Library for IOS & Android.
