react-native-keycode

πŸ”’ Show the user a input form for a fixed-length code or password.

Showing:

Popularity

Downloads/wk

92

GitHub Stars

35

Maintenance

Last Commit

9mos ago

Contributors

5

Package

Dependencies

1

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100