Get code from sms in React Native

How to autofill code from messages

When working with forms that require you to enter a code sent to you via text message, make sure to include a prop called "textContentType" with a value of "oneTimeCode" for iOS, and you can complete with "autoComplete" and "one-time-code". This will help the form recognize the code you enter, and automatically fill the TextInput.

It can be used for various purposes, such as:

• SMS codes
• SMS text messages
• SMS login codes
• Apple ID codes
• Two-factor authentication
• Verification codes

For iOS 12+, the oneTimeCode attribute can be used to indicate that a field can be auto-filled by a code arriving in an SMS.

import { TextInput } from 'react-native';

<TextInput
  textContentType="oneTimeCode"
  autoComplete="one-time-code"
  ...
/>

Reference

https://reactnative.dev/docs/textinput#autocomplete

https://reactnative.dev/docs/textinput#textcontenttype-ios