https://github.com/skreweverything/react-native-input-prompt

A cross-platform user input prompt component for React Native with Native UI.
https://github.com/skreweverything/react-native-input-prompt

android dialog input ios javascript node npm npm-module npm-package prompt react react-native reactjs

Last synced: about 2 months ago
JSON representation

A cross-platform user input prompt component for React Native with Native UI.

• Host: GitHub
• URL: https://github.com/skreweverything/react-native-input-prompt
• Owner: SkrewEverything
• License: mit
• Created: 2018-04-27T00:51:01.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-05-07T01:57:07.000Z (over 3 years ago)
• Last Synced: 2024-10-07T00:36:34.715Z (3 months ago)
• Topics: android, dialog, input, ios, javascript, node, npm, npm-module, npm-package, prompt, react, react-native, reactjs
• Language: JavaScript
• Homepage:
• Size: 5.74 MB
• Stars: 47
• Watchers: 6
• Forks: 16
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-input-prompt

A cross-platform input prompt component for React Native.

## Installation

```sh

$ npm install --save react-native-input-prompt

```

## Demo

| iOS                    | Android                 |

| ---------------------- | ----------------------- |

| ![](./iphone-demo.gif) | ![](./android-demo.gif) |

## Basic Usage

```js

        this.setState({

            text: "User Cancelled!",

            visible: !this.state.visible

        })

    }

    onSubmit={text =>

        this.setState({

            text: "User submitted: " + text,

            visible: !this.state.visible

        })

    }

/>

```

## API

Props:

*   `title` (string, required): The title to be displayed on the prompt.

*   `visible` (boolean, required): When `true`, the prompt is displayed, closes otherwise.

*   `placeholder` (string, required): The placeholder text of the prompt.

*   `cancelText` (string): The string that is displayed on the cancel button (defaults to "Cancel").

*   `submitText` (string): The string that is displayed on the submit button (defaults to "Submit").

*   `cancelButtonStyle` (object): To change the style of "Cancel button".

*   `submitButtonStyle` (object): To change the style of "Submit button".

*   `cancelButtonTextStyle`(object): To change the style of text displayed inside "Cancel button".

*   `submitButtonTextStyle` (object): To change the style of text displayed inside "Submit button".

*   `titleStyle` (object): To change the style of title text.

*   `onChangeText` (function): Function that is called with user input when it changes.

*   `onSubmit` (function, required): Function that is called when user presses on "Submit button".

*   `onCancel` (function, required): Function that is called when user presses on "Cancel button".

## Contributing

Don't find what you want or want to improve the project?

Feel free to fork the project and submit a pull request with your changes!

Not familiar or feeling lazy? Open issue about your idea or tip!

## License

MIT

**Free Software, Hell Yeah!**