React-native-keycode NPM

React Native Keycode

Show the user a input form for a fixed-length code or password.

Installation

npm i -S react-native-keycode         # or: yarn add react-native-keycode

Usage

// import statement:
import { KeycodeInput } from 'react-native-keycode'

// in your render function:
<KeycodeInput
  onComplete={(value) => {
    alert(value)
  }}
/>

Complete example

View a more complex example here: example/App.js.

Props

number length: number of characters in input (default: 4)
string textColor: color string for the color of the characters (default: black)
string tintColor: color string for the color of the active bottom bar (default: iOS blue)
string defaultValue: default ''
string value: default ''
boolean uppercase: default true
boolean autoFocus: default true
boolean alphaNumeric: default true, set to false to allow other characters than 0-9, A-Z
boolean numberic: default false
object style
function onComplete
function onChange
function ref