React Native How to auto fetched the OTP in the textfield from the mobile sms,should support both ios and android?

Question

React Native How to auto fetched the OTP in the textfield from the mobile sms, should support both ios and android?

Answer 1

Native support added for react-native versions 0.66+!!

Android now has autoComplete="sms-otp" prop.

<TextInput
    ...
    autoComplete="sms-otp" // android
    textContentType="oneTimeCode" // ios
/>

Answer 2

For Android : Google SMS Retriever API

https://github.com/Rajat421//react-native-sms-retriever-api#readme

For iOS :

You will use props textContentType of TextInput

<TextInput
    value={this.state.codeOTP}
    textContentType="oneTimeCode"
/>

You can test before with this example :

Tested on real device, and connect with the Apple account

<TextInput
    value={this.state.codeOTP}
    textContentType="emailAddress"
/>