0.0.6 • Published 6 years ago
react-native-alert-prompt v0.0.6
react-native-alert-prompt
Changes in 0.0.6
- No breaking changes.
- Now able to show just an alert to the user, and not include the prompt input.
- Fixes checkPrompt()
Install
Install via npm:
npm install react-native-alert-prompt --saveUsage
import { AlertPrompt } from 'react-native-alert-prompt'; <AlertPrompt
alertOnly={false}
animation={"fade"}
androidColor={'rgba(0, 150, 136,1)'}
checkDelay={20}
autoFocus={true}
cancelButtonText={'Cancel'}
confirmButtonText={'Confirm'}
placeHolderText={'Enter here'}
validationCaseSensitive={false}
validationText={'DELETE'}
visible={this.state.alertVisible}
alertSubject={"Are you sure?"}
promptText={<Text>Are you sure you want to delete this account? Enter exactly DELETE to delete it.</Text>}
rePromptText={this.rePromptText}
successfulAnswer={() => this.setState({ alertVisible: false, deleted: this.state.deleted+1 })}
closePrompt={() => this.setState({ alertVisible: false})}
/>Props
| Prop | Type | Optional | Default | Description |
|---|---|---|---|---|
| validationCaseSensitive | boolean | No | true | Whether the validation on the text input is case sensitive or not. |
| validationText | string | No | 'DELETE' | The text to compare with the user's inputted text to determine a sucessful answer or not. |
| visible | boolean | No | - | Whether the alert is visible or not. Typically triggered by an action. |
| alertSubject | string | No | - | The title of the alert. |
| promptText | string | No | - | The initial text prompting the user. |
| rePromptText | string | No | - | The text prompting the user if they get the answer wrong. |
| successfulAnswer | callback function | No | - | On a successful answer, what would you like to do? |
| closePrompt | callback function | No | - | If the alert wants to close itself. Typically setting root component visible state to false. |
| animation | string | Yes | fade | Matches RN's animationType on modal. (fade, slide, none) |
| androidColor | color value | Yes | 'rgba(0, 150, 136,1)' | The color of the cursor and text input box on Android. |
| checkDelay | integer (milliseconds) | Yes | 250 | The delay between the initial prompt, and the reprompt if the user submits the wrong text. |
| autoFocus | boolean | Yes | true | Whether the text input auto focuses on alert show. |
| cancelButtonText | string | Yes | 'Cancel' | The text shown for the cancel option. |
| confirmButtonText | string | Yes | 'Confirm' | The text shown for the confirm option. |
| placeHolderText | string | Yes | 'Enter here' | The placeholder text shown in the text input. |
| alertOnly | boolean | Yes | false | Whether the prompt should include a prompt (set this to false, or just don't include it), or just be an alert (set as true). |
Contributions/Suggestions
Feel free to add issues and PRs. As with any project, there are things to improve!