react-native-custom-code-input v1.0.1

react-native-custom-code-input

A simple react native code input component for both iOS and android platforms.

Installation

  npm install react-native-custom-code-input --save

Import

 import CodeInput from "react-native-custom-code-input";

Example

 <CodeInput
    onInputComplete={() => console.log('Done!')} // must pass complete prop
    number={6} // You must pass number prop
    autoFocusFirst={true} // auto-focus on first element (default true)
   />

and pin inputs could be achieved by obfuscation prop

 <CodeInput
    obfuscation={true} // to hide input (default false)
    container={{ backgroundColor: "#fff" }} // parent view prop
    item={{ backgroundColor: "#fff" }} // child textinput prop
    onInputComplete={() => console.log('Done!')} // must pass complete prop
    number={6} // must pass number prop
    autoFocusFirst={true} // auto-focus on first element (default true)
   />

props