Skip to content
πŸ™ˆ Modal components that can be hidden
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE
examples
img feat: make examples and README.md Jun 19, 2019
src bug: changed prop name Jun 19, 2019
.npmignore
.prettierignore feat: config prettier settings and root of package Jun 18, 2019
.prettierrc
LICENSE Create LICENSE Jun 18, 2019
README.md
package.json

README.md

react-native-hide-modal

PRs Welcome Platform License

Modal component that provides the ability to hide


install

This library is based on the latest react-native version and uses the react-native-community/async-storage

Therefore, the following procedure is required to use this library.

  1. link react-native-community/async-storage Go to Guide

  2. install node_moduels using npm or yarn

      npm install react-native-hide-modal --save
      #or
      yarn add react-native-hide-modal

props

type default required desc
children component undefined βœ”οΈ Your modal component with check option
id string undefined βœ”οΈ It is used as a key value to distinguish the modal. And all key values must be unique (important)
modalProps object undefined RN's modal property except for visible
Official document
modalVisible boolean false βœ”οΈ Basically, determine if modal is visible or not
hideChecked boolean false βœ”οΈ Indicates whether the user checked the checkbox. Module does not work if the prop doesn't pass properly
invisibleDuration number null Assuming the data is set, decide how long to hide the modal. Modal is not visible permanently unless you pass the duration (millisecond)

screenshots

screenshot1

screenshot1

examples

Link (only code)

author

heyman333, Frontend Developer interested in React.js & React-Native

loadmap

  • define index.d.ts file
  • make react-hide-modal(web version using React.js)
  • set circle ci
You can’t perform that action at this time.