Skip to content
Modal with input for react native
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example updating README Dec 3, 2018
LICENSE updating README Dec 3, 2018
README.md
index.js set default value for the texinput Dec 29, 2018
package.json set default value for the texinput Dec 29, 2018

README.md

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

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)
initValueTextInput Default value for 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 -
You can’t perform that action at this time.