From ad40f324ee26e1b0090da6b0450d20dead306af2 Mon Sep 17 00:00:00 2001
From: D N <4661784+retyui@users.noreply.github.com>
Date: Thu, 21 Mar 2024 10:06:49 +0100
Subject: [PATCH] feature: Add `autoComplete` prop

---
 README.md         | 2 ++
 src/CodeField.tsx | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/README.md b/README.md
index 60546da..aaa2571 100644
--- a/README.md
+++ b/README.md
@@ -128,6 +128,8 @@ const App = () => {
         rootStyle={styles.codeFieldRoot}
         keyboardType="number-pad"
         textContentType="oneTimeCode"
+        autoComplete={Platform.select({ android: 'sms-otp', default: 'one-time-code' })}
+        testID="my-code-input"
         renderCell={({index, symbol, isFocused}) => (
           <Text
             key={index}
diff --git a/src/CodeField.tsx b/src/CodeField.tsx
index 0e0ae0a..a8e9c80 100644
--- a/src/CodeField.tsx
+++ b/src/CodeField.tsx
@@ -1,4 +1,5 @@
 import {
+  Platform,
   StyleProp,
   TextInput,
   TextInputProps,
@@ -39,6 +40,10 @@ interface BaseProps {
 }
 
 const DEFAULT_CELL_COUNT = 4;
+const autoComplete = Platform.select({
+  android: 'sms-otp',
+  default: 'one-time-code',
+});
 
 function CodeFieldComponent(
   {
@@ -84,6 +89,7 @@ function CodeFieldComponent(
         autoCapitalize="characters"
         underlineColorAndroid="transparent"
         maxLength={cellCount}
+        autoComplete={autoComplete}
         {...rest}
         value={value}
         onBlur={focusState.onBlur}