Autofill and Auto-detect not working

[IshmeetSingh06]

Describe the bug
I have implemented the input component from the package but is not autofilling on both IOS and android, and autodetect otp is not working on android

 <OtpInput
            autoFocus
            blurOnFilled
            numberOfDigits={otpLength}
            focusStickBlinkingDuration={500}
            focusColor={theme.primary}
            type="numeric"
            onTextChange={onChange}
            onFilled={onProceed}
            textInputProps={{
                keyboardType: "number-pad",
                accessibilityLabel: "One-Time Password",
                autoComplete: "sms-otp",
                textContentType: "oneTimeCode",
            }}
            textProps={{
                accessibilityRole: "text",
                accessibilityLabel: "OTP digit",
                allowFontScaling: false,
                style: {
                    fontSize: theme["text-body-1-regular-font-size"],
                    fontFamily: theme["text-body-1-regular-font-family"],
                    lineHeight: theme["text-body-1-regular-line-height"],
                    letterSpacing: theme["text-body-1-regular-letter-spacing"],
                },
            }}
            theme={{
                containerStyle: styles.container,
                pinCodeContainerStyle: {
                    ...styles.pinCodeContainer,
                    borderColor: theme.border_Secondary,
                    backgroundColor: theme.background_Primary,
                },
                filledPinCodeContainerStyle: {
                    borderColor: hasError ? theme.negative : theme.primary,
                },
                focusStickStyle: styles.focusStick,
            }}
        />

Expected behavior
It should auto detect and autofill the OTP input

Environment (please complete the following information):

• OS: Android/IOS
• Device OS: Android/IOS
• Library version: 1.8.4

[anday013]

Hi,

You can either remove the autoComplete prop, which falls back to the default from lib, or set it by yourself:
autoComplete={Platform.OS === "android" ? "sms-otp" : "one-time-code"}

[ics-ankit]

can you please help me, where to add this :
autoComplete={Platform.OS === "android" ? "sms-otp" : "one-time-code"}

@anday013

[anday013]

Inside the textInputProps, like this :

textInputProps={{
...
autoComplete={Platform.OS === "android" ? "sms-otp" : "one-time-code"}
...
}}

@ics-ankit