react-native-otp-inputs

Demo

Description

react-native-otp-inputs is fully customizable, React-Native package, that provides solution for One-time password feature with user friendly events like moving to previous input with backspace or going to next when filled in. It supports pasting and otp code into inputs

Installation

Supported version: react-native >= 0.59.0

Expo is currently not supported as Clipboard is not included in Expo SDK

$ yarn add react-native-otp-inputs @react-native-community/clipboard

After installation run:

$ npx pod-install

Clipboard module has been extracted from react-native core, so it needs to be installed separately. Package uses it for autofill feature

$ react-native link @react-native-community/clipboard

cd ios && pod install && cd ..

Basic usage

import React, { Component } from 'react';
import { View } from 'react-native';
import OtpInputs from 'react-native-otp-inputs';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <OtpInputs
          handleChange={(code) => console.log(code)}
          numberOfInputs={6}
        />
      </View>
    );
  }
}

API

Contributors

Great thanks to : @kantorm.