/react-native-dialog-input

Modal with input for react native

Primary LanguageJavaScriptMIT LicenseMIT

react-native-dialog-input

Dialog with input for React Native on iOS and Android.

Examples

React Native Dialog Input iOS React Native Dialog Input Android

Setup

npm install --save react-native-dialog-input@github:ithustle/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)
textInputProps Additional properties to add to the TextInput in the form:
textInputProps={{autoCorrect:false}} Currently supports:
autoCorrect
autoCapitalize
clearButtonMode
clearTextOnFocus
keyboardType
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 -