The Modal component is a simple way to present content above an enclosing view.


export default class MyComponent extends React.Component {
  state = {
    visible: false,

  _showModal = () => this.setState({ visble: true });
  _hideModal = () => this.setState({ visble: false });

  render() {
    const { visible } = this.state;
    return (
      <Modal visible={visible}>
        <Text>Example Modal</Text>


Type: boolean
Default value: true

Determines whether clicking outside the modal dismiss it.

onRequestClose (required)
Type: Function

Callback that is called when the user dismisses the modal.

visible (required)
Type: boolean
Default value: false

Determines Whether the modal is visible.

children (required)

Content of the Modal.