1.0.8 • Published 2 years ago
react-native-dialog-input-tech2build v1.0.8
react-native-dialog-input
Dialog with input for React Native on iOS and Android.
Examples
Setup
npm install --save react-native-dialog-inputUsage
import DialogInput from 'react-native-dialog-input';
...
<DialogInput isDialogVisible={this.state.isDialogVisible}
title={"DialogInput 1"}
message={"Message for DialogInput #1"}
hintInput ={"HINT INPUT"}
submitInput={ (inputText) => {this.sendInput(inputText)} }
closeDialog={ () => {this.showDialog(false)}}>
</DialogInput>
...Properties
| name | description | type |
|---|---|---|
| isDialogVisible | Condition to show or hide the DialogInput | Boolean |
| title | Title to show in the DialogInput | String (OPTIONAL) |
| message | Message to show in the DialogInput | String (OPTIONAL) |
| hintInput | Text hint to show in the TextInput | String (OPTIONAL) |
| hintTextColor | Color of the text hint | String (OPTIONAL) |
| initValueTextInput | Default value for the TextInput | String (OPTIONAL) |
| textInputProps | Additional properties to add to the TextInput in the form: textInputProps={{autoCorrect:false}} Currently supports:autoCorrectautoCapitalizeclearButtonModeclearTextOnFocuskeyboardTypesecureTextEntrymaxLength | Object (OPTIONAL) |
| modalStyle | Styles for the blocking view behind the DialogInput | Object (OPTIONAL) |
| dialogStyle | Styles for the DialogInput main view | Object (OPTIONAL) |
| cancelText | Replacement text for the Cancel button | String (OPTIONAL) |
| submitText | Replacement text for the Submit button | String (OPTIONAL) |
Methods
| name | description | returns |
|---|---|---|
| submitInput() | Event fired when the user press the SUBMIT button | String |
| closeDialog() | Event fired when the user press the CLOSE button | - |
1.0.8
2 years ago