Skip to content

skicson/react-native-dialog-input

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Modal with input for react native

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%