Modal
The Modal component is a simple way to present content above an enclosing view.
Usage
import * as React from 'react';
import { Modal, Text } from 'react-native-paper';
export default class MyComponent extends React.Component {
state = {
visible: false,
};
_showModal = () => this.setState({ visible: true });
_hideModal = () => this.setState({ visible: false });
render() {
const { visible } = this.state;
return (
<Modal visible={visible} onDismiss={this._hideModal}>
<Text>Example Modal</Text>
</Modal>
);
}
}
Props
dismissable
Type:
boolean
Default value:
true
Determines whether clicking outside the modal dismiss it.