react-native-dialog-input

Dialog with input for React Native on iOS and Android.

Examples

Setup

npm install --save react-native-dialog-input

Usage

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 | -