https://github.com/heyman333/react-native-hide-modal

🙈 Modal components that can be hidden
https://github.com/heyman333/react-native-hide-modal

alert check checkbox dialog localstorage modal npm react react-native yarn

Last synced: 18 days ago
JSON representation

🙈 Modal components that can be hidden

• Host: GitHub
• URL: https://github.com/heyman333/react-native-hide-modal
• Owner: heyman333
• License: mit
• Created: 2019-06-14T16:56:20.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2019-08-12T00:38:29.000Z (almost 5 years ago)
• Last Synced: 2024-05-03T09:16:48.625Z (20 days ago)
• Topics: alert, check, checkbox, dialog, localstorage, modal, npm, react, react-native, yarn
• Language: JavaScript
• Homepage:
• Size: 511 KB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-react-native - react-native-hide-modal ★6 - Modal component that can be hidden (Components / UI)
• react-native-awesome-alert - react-native-hide-modal
• awesome - react-native-hide-modal ★6 - Modal component that can be hidden (Components / UI)
• awesome-react-native - react-native-hide-modal ★6 - Modal component that can be hidden (Components / UI)
• awesome-react-native - react-native-hide-modal ★6 - Modal component that can be hidden (Components / UI)
• awesome-react-native - react-native-hide-modal ★6 - Modal component that can be hidden (Components / UI)

README

        
# react-native-hide-modal

[![PRs Welcome](https://img.shields.io/badge/PRs-Welcome-brightgreen.svg)](https://github.com/heyman333/react-native-responsive-fontSize/pulls)

[![Platform](https://img.shields.io/badge/platform-react--native-lightgrey.svg)](http://facebook.github.io/react-native/)

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/heyman333/react-native-responsive-fontSize/blob/master/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](https://github.com/react-native-community/async-storage/tree/LEGACY#getting-started)

2. install node_moduels using npm or yarn

   ```shell

     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





## examples

[Link](https://github.com/heyman333/react-native-hide-modal/blob/master/examples/App.js) (only code)

## author

[heyman333](https://github.com/heyman333), Frontend Developer interested in React.js & React-Native

## loadmap

- [X] define index.d.ts file

- [ ] make react-hide-modal(web version using React.js)

- [ ] set circle ci