react-native-full-pin

Component to use Pin in your Apps, Easy to use, easy to customize and easy to manipulate.

How to install

  # Using npm
  npm install react-native-full-pin

  # Or Using Yarn
  yarn add react-native-full-pin

Usage

import FullPin from "react-native-full-pin";

export default function App() {
  const [code, setCode] = useState([]);
  return (
    <View style={styles.container}>
      <FullPin
        pin={{
          code,
          pinLength: 4,
          onChange: (e) => setCode(e),
        }}
      />
    </View>
  );
}

Demo

Some examples of using React Native Full Pin, with default styles and with personalized styles.

Contributors

mariovarela99

How to contribute

• Fork the Repo
• Clone it
• Make your changes
• Make the Pull Request and let's see how it works.