How to format number input in react native where there is one number per box for 6 boxes?

user_13895725 0
Viewed 73

I am building an app with react native and I am trying to get the number input formatted like this where there is one integer per box. The cursor also is in the next box and the boxes that have been filled have a larger border. Any thoughts would help.

6 boxes with no numbers

6 boxes with 3 boxes filled

react-native css javascript
1 Answers

try react-native-otp-form

import {OTP} from 'react-native-otp-form';

<OTP
    codeCount={6}
    containerStyle={{marginTop: 50}}
    otpStyles={{backgroundColor: '#eee'}}
/>
user_27731840
Related