Android - TextInput Autofill not working

“react-native”: “0.61.4” "react-native-screens: “2.0.0-alpha.5”

It seems that the library blocks the native autofill suggestions view. Also, there is no save password dialog after a successful login. (This dialog is auto popped-up by the Android framework).

<TextInput
              placeholder={'Username'}
              autoCompleteType={'email'}
 />
  <TextInput
              placeholder={'Password'}
              autoCompleteType={'password'}
              secureTextEntry={true}
/> 

Setting those props should be enough to trigger the autofill mechanism.

What we tried and did not work:

• Update to a library version after the PR from #205 was merged.
• Set the TextInput width to 99% on first render and then to 100%, as suggested
• Set the TextInput editable prop to false on first render and then on true, as suggested

[foloinfo]

I had the same issue on Android devices and accidentaly realized that it works as expected when I use state to mount the TextInput right after mouting the screen component.

example:

const Screen = ()=> {

  const [shown, setShown] = useState(false)
  useEffect(()=> {
    setShown(true)
  }, [])

  return (
    <View>
      {shown ? (
        <>
          <TextInput
             autoCompleteType='email'
             importantForAutofill='yes'
             //...rest
           />
           <TextInput
             autoCompleteType='password'
             importantForAutofill='yes'
             secureTextEntry={true}
             //...rest
           />
         <>
       ) : null}
    </View>
  )

}

I’m using "react-native-screens": "~3.0.0" and react-navigation v5 with expo sdk 41 (React Native 0.63). Also I have called enableScreen(true) and the TextInput is inside the ScrollView.

I have no idea why it solves the issue but at least it’s working for me right now. I hope this helps on the other versions.

[aperomingo]

I have suffered a lot to implement this in iOS successfully:

• Create account (password suggestion and later saved in the KeyChain)
• Login (choice of username and password of your KeyChain).

However, in Android there is little information and I think that it is not very successful:

• The information about the React Native TextInput only tells you to implement the property autoCompleteType = {'password'} and importantForAutofill = {'yes' }.
• Then on the other hand, on Android https://developer.android.com/guide/topics/text/autofill-services they tell you about “Permissions and manifest declarations” .
• Also, this collides with react-native-screens and its enableScreens method, which has not worked for me with either true or false.

I don’t know what to do, these kinds of problems that always happen with React Native make me desperate. Normally you have more problems and it is more complicated with iOS, but in this case I think not, in my case.