首页 > 解决方案 > 如何在反应原生中格式化数字输入,其中每盒有一个数字,用于 6 个盒子?

问题描述

我正在构建一个带有本机反应的应用程序,并且我正在尝试将数字输入格式化为这样,其中每个框有一个整数。光标也在下一个框中,已填充的框有更大的边框。任何想法都会有所帮助。

6个没有编号的盒子

6盒装3盒

标签: javascriptcssreact-native

解决方案


尝试react-native-otp-form

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

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

推荐阅读