react-native-prompt-crossplatform
v1.6.1
Published
A prompt component for React Native that works well on both Android and iOS
Downloads
101
Maintainers
Readme
react-native-prompt-crossplatform
A prompt component for React Native that works well on both Android and iOS
Installation
$ npm install react-native-prompt-crossplatform --save
or
$ yarn add react-native-prompt-crossplatform
Demo
| iOS | Android | | --- | ------- | | | |
Basic Usage
import Prompt from 'react-native-prompt-crossplatform';
// Inside render()
<Prompt
title="Say something"
placeholder="Enter Some Text"
isVisible={this.state.visiblePrompt}
onChangeText={(text) => {
this.setState({ promptValue: text });
}}
onCancel={() => {
this.setState({
promptValue: '',
visiblePrompt: false,
});
}}
onSubmit={() => {
this.setState({
visiblePrompt: false,
});
}}
/>
Available props
Name | Description | Type | Default :--------------------- |:------------------------------------------- | --------:|:------------------ isVisible | This decides to show the prompt or not | Boolean | false promptAnimation | The Prompt animation style (null,fade,slide)| String | fade title | Title of the Prompt | String | - inputPlaceholder | placeholder for the input field | String | - defaultValue | Default value of the input field | string | - onChangeText | Function to be called when a text is changed| Function | - submitButtonText | Text for the Submit Button | String | submit cancelButtonText | Text for the cancel Button | String | cancel onSubmit | Function to be called when the Submit button is pressed | Function | - onCancel | Function to be called when the Cancel button is pressed | Function | - errorText | Any Error messages to be shown | String | - onBackButtonPress | Function to be called when the Back button is pressed (Android Only) |Function | - primaryColor | primary Theme colour | String | #f13a59 promptBoxStyle | style Object to for the main Prompt-Box | Object | - headingStyle | style Object to for the prompt-Heading | Object | - inputStyle | style Object to for the prompt-input-field | Object | - btnStyle | style Object to for the prompt-buttons | Object | - btnTextStyle | style Object to for the prompt-button-text | Object | -
Copyright and License
MIT License
Copyright 2018 Ramiah Viknesh. All rights reserved.