如何在react-native文本输入中自动粘贴短信中收到的一次性代码

Question

我正在使用来自react-native的Textinput。如何将 otp 或代码自动粘贴到文本输入框中。

Answer 1

自 React Native 版本 0.66+ 起

Android：可以使用自动完成设置sms-otp

iOS：可以使用textContentType设置为oneTimeCode

Answer 2

最简单的方法是使用内置的短信监听包。

https://www.npmjs.com/package/react-native-android-sms-listener

https://www.npmjs.com/package/react-native-otp-verify

如果您使用的是react-native-android-SMS-listner包，您可以使用如下代码。

let subscription = SmsListener.addListener(message => {
  let verificationCodeRegex = /Your verification code: ([\d]{6})/

  if (verificationCodeRegex.test(message.body)) {
    let verificationCode = message.body.match(verificationCodeRegex)[1]

    YourPhoneVerificationApi.verifyPhoneNumber(
      message.originatingAddress,
      verificationCode
    ).then(verifiedSuccessfully => {
      if (verifiedSuccessfully) {
        subscription.remove()
        return
      }

      if (__DEV__) {
        console.info(
          'Failed to verify phone `%s` using code `%s`',
          message.originatingAddress,
          verificationCode
        )
      }
    })
  }
})

如果您使用的是react-native-otp-verify，您可以按照以下教程进行操作

https://tech.goibibo.com/building-otp-verification-component-in-react-native-with-auto-read-from-sms-2a9a400015b0

希望这可以帮助