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
Authors
This library is developed by Includable, a creative app and web platform development agency based in Amsterdam, The Netherlands.
- Thomas Schoffelen, @tschoffelen