https://github.com/kirkness/react-native-fs-modal

React native full screen modal component.
https://github.com/kirkness/react-native-fs-modal

Last synced: 4 months ago
JSON representation

React native full screen modal component.

• Host: GitHub
• URL: https://github.com/kirkness/react-native-fs-modal
• Owner: kirkness
• Created: 2015-05-06T21:49:38.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-12-30T11:59:49.000Z (over 9 years ago)
• Last Synced: 2024-12-06T22:34:39.278Z (4 months ago)
• Language: JavaScript
• Size: 3.91 KB
• Stars: 50
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-react-native - react-native-fs-modal ★51 - React native full screen modal component. (Components / UI)
• awesome-reactnative-ui - react-native-fs-modal
• awesome-react-native - react-native-fs-modal ★51 - React native full screen modal component. (Components / UI)
• awesome-reactnative-ui - react-native-fs-modal
• awesome-react-native - react-native-fs-modal - React native full screen modal component.  (Components / Dialog/Modal/Alert)
• awesome-react-native - react-native-fs-modal ★51 - React native full screen modal component. (Components / UI)
• awesome-react-native-ui - react-native-fs-modal ★44 - React native full screen modal component. (Components / UI)
• awesome-react-native - react-native-fs-modal ★51 - React native full screen modal component. (Components / UI)

README

        
# react-native-fs-modal

React native full screen modal component.

### Demo

![React Native Modal Component GIF](https://carquids.box.com/shared/static/lwu7uso8rx5wqwb9dlvdg6vdqit7szty.gif "React Native Modal Component GIF")

### Usage

**_NOTE:_** If you are using the native status bar you will need to combine this plugin with the [react-native-overlay plugin](https://github.com/brentvatne/react-native-overlay)

##### Using ref

```js

/**

 * Two methods show/hide

 */

showModal () {

  this.refs.modal.show();

}

hideModal () {

  this.refs.modal.close();

}

...

  // Your modal's content

  

    

  

```

##### Using a child component

```js

  /**

   * The hide func will be added to SomeComponent's props.

   * This will allow you to add close buttons from within

   * the modal's view.

   */

  

```