React Native 倒数计时器切下文本输入焦点

React Native countdown timer cut down the text input focus

我一直在开发 OTP 屏幕所以我需要一个计时器来限制用户至少 30 秒再次请求 otp.so 我开发了一个计时器使用状态 setInterval.timer 工作正常,但是当计时器为 运行 时, 用户很难键入 OTP,因为 OTP 文本输入在状态更新时失去焦点 所以我需要修复 that.i am using "react-native-otp-inputs": "^7.0.3" 我也尝试将计时器渲染为一个单独的组件,但仍然出现同样的问题

如果我答对了你的问题,那是因为当你在 setInterval 组件中设置状态时再次重新渲染并且输入字段失去了焦点。我建议您使用这个第 3 方包进行倒计时 react-native-countdown-component