react-native-code-textinput

Input code component for React Native on iOS and Android.

Examples

Setup

npm install --save react-native-code-textinput

Usage

import CodeInput from 'react-native-code-textinput';
...
<CodeInput 
        codeSize={4} 
        prefilledValue={"1234"}  
        onValueChange={(val) => { }} 
        inputStyle={styles.input_style} >
</CodeInput>
...

Properties

name	description	type
codeSize	Size of the code (Number of TextInput to display)	Boolean
prefilledValue	Fill the inputs with default value	String (OPTIONAL)
keyboardTypeOptions	Keyboard type of inputs	KeyboardTypeOptions (OPTIONAL)
initValueTextInput	Default value for the TextInput	String (OPTIONAL)
inputStyle	Custom style of the Textinputs	TextStyle (OPTIONAL)
activeStyle	Custom style of when inputs are active	TextStyle (OPTIONAL)

Methods

name	description	returns
onValueChange()	Event fired when the user fill an input	String