react-native-animated-dialog

react-native-animated-dialog

A dialog component for your react-native application.

To Download, run: yarn add react-native-animated-dialog, or npm install -s react-native-animated-dialog.

Sample Usage:

import Dialog from "react-native-animated-dialog";

openDialog = () {
  this.setState({ open: true});
}

closeDialog= () {
  this.setState({ open: false});
}


render () {
  let myLayout = (
    <View>
      // this is what will be displayed inside the dialog
    </View>
)
  return (
      <Dialog
       open={this.state.open}
       layout={myLayout}
       margin={60}                  //default is 40
       closeOnTapOutside={false}   //Default is true
       />
  )
}

By default, the dialog comes up from the bottom. You can add the prop modern={true} to change the animation.

Regular animation

modern