react-native-input-prompt
Version:
A cross-platform user input prompt component for React Native.
70 lines (52 loc) • 2.17 kB
Markdown
for React Native.
```sh
$ npm install --save react-native-input-prompt
```
| iOS | Android |
| ---------------------- | ----------------------- |
|  |  |
```js
<Prompt
visible={this.state.visible}
title="Say Something"
placeholder="Type Something"
onCancel={() =>
this.setState({
text: "User Cancelled!",
visible: !this.state.visible
})
}
onSubmit={text =>
this.setState({
text: "User submitted: " + text,
visible: !this.state.visible
})
}
/>
```
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!**
A cross-platform input prompt component