React Native Web Modal
This repository contains NPM Packages for React Native Modal Implementation for Web
---
## Inspiration
[React Native Modal](https://facebook.github.io/react-native/docs/modal.html) is not yet implemented in [React Native Web](https://github.com/necolas/react-native-web). This is just replacement of React Native Modal with the same API, behavior, and design.
---
## Setup
This libraries is available on npm, install it with: `npm install --save modal-react-native-web` or `yarn add modal-react-native-web` for the basic modal.
## Usage
Since react native web modal is an implementation of the original react native modal, it works in similar fashions with [react-native modal](https://facebook.github.io/react-native/docs/modal.html). But of course, some APIs are limited (not all props are suppported).
Here's example code:
```javascript
import React, { Component } from 'react';
import { Text, TouchableHighlight, View } from 'react-native';
import Modal from 'modal-react-native-web';
export default class Example extends Component {
state = {
modalVisible: false,
};
setModalVisible(visible) {
this.setState({modalVisible: visible});
}
render() {
return (
{
alert('Modal has been closed.');
}}>
Hello World!
{
this.setModalVisible(!this.state.modalVisible);
}}>
Hide Modal
{
this.setModalVisible(true);
}}>
Show Modal
);
}
}
```
_Taken from [React Native Modal Example](https://facebook.github.io/react-native/docs/modal.html) with some changes_
---
## Packages
## Author
* **Ray Andrew** - [Ray Andrew](https://github.com/rayandrews)
## Special Thanks
* **Natan Elia** - [Natan Elia](https://github.com/natanelia)
* **Louis David** - [Louis David](https://github.com/louvidc)
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details