React.hoc.modal

React component for easy create modals

install

npm i react-native-hoc-modal

Examples

Create modal component

1// MyFirstModal.jsx
2...
3import Modal from 'react-hoc-modal';
4
5const MyFirstModal = () => {
6
7	return(<View>
8		<Text>Hello, i am you first modal component</Text>
9	</View>);
10};
11
12export default Modal.withModal(MyFirstModal);

Mount modal component

1// App.jsx
2...
3import MyFirstModal from "./MyFirstModal";
4...
5const App = () => {
6	...
7	return(
8		...
9		<MyFirstModal/>
10	);
11}

Use modal component

1<Button onPress={MyFirstModal.show} title="Show my first modal"/>

If you need update data without 'props', you can use the 'setState' method.

1MyFirstModal.setState({testData: 'Hello'});

To get data use the 'state' property in the returned 'useModal' hook object.

1const MyFirstModal = () => {
2	const {state} = Modal.useModal();
3
4	return(<View>
5		<Text>{state?.testData}</Text>
6	</View>);
7};