🚩 Confirm Code Input

Usage

Note: You must be using React Native 0.60.0 or higher to use the most recent version of @rabiloo/react-native-confirm-code-input.

``bash
yarn add @rabiloo/react-native-confirm-code-input
`

OR FROM GIT

`bash
yarn add https://github.com/rabiloo/react-native-confirm-code-input.git
`

`jsx
import React, { useRef } from "react";
import { AppConfirmCodeInput } from "@rabiloo/react-native-confirm-code-input";

export default function App() {
const otp = useRef("");

const onCodeChange = (text) => {
otp.current = text;
console.log("text", text);
};

const onDone = () => {
alert(otp.current);
};

return (

wrapperStyle={{ padding: 20 }}
textInputStyle={{ fontSize: 20 }}
codeLength={3}
codeInputLength={4}
onCodeChange={onCodeChange}
onDone={onDone}
secureTextEntry={false}
autoFocus={true}
/>

);
}
`

Properties for `

$3

Style for wrapper component

---

$3

Style for text input

---

$3

Number of cell

---

$3

Max length of text input

---

$3

Callback that is called when the text input's text changes. Changed text is passed as a single string argument to the callback handler.

---

$3

Callback function called when fulfilling code at the last cell.

---

$3

If true, the text input obscures the text entered so that sensitive text like passwords stay secure. The default value is false

---

$3

If true, focuses the input after the screen's rendering. The default value is false.

---

##

This simplifies the development and the testing of the project.

If you require new features or bug fixes for older versions you can fork this project.

Licenses

MIT