title: How to make the React Native app to ask if I want to save username and password? (iOS 11+)
body: <p>Based on <a href="https://stackoverflow.com/questions/56524461/how-to-get-ios-12-autofill-to-ask-to-save-password-in-react-native-app">this excellent question and answer</a>, I tried to implement autofill function in my app. While the username and password sections can be auto-filled (i.e, Above the keyboard, there is a password button, and once I press the button, Face ID is activated, and I can select an option), but it does not ask when I typed a username and password and pressed the sign in button.</p>
  
  <p>Any suggestion is very appreciated!</p>
  
  <pre><code>import { useForm } from 'react-hook-form';
  // Just in case
  // "@react-navigation/bottom-tabs": "^5.4.2",
  // "@react-navigation/native": "^5.2.6",
  // "@react-navigation/stack": "^5.3.1",
  ...
  
  export default function screen({navigation, route}) {
  
   useEffect(()=&gt; {
  
      register("email");
      register("password")
  
  
      return () =&gt; {
        console.log("Unmounted");
      }
    }, [register]);
  
  ...
  
  return (
  
   ...
         &lt;View
          style={[
            styles.container,
            styles.emailSection,
            styles.paddingHorizontal,
          ]}&gt;
          &lt;View style={styles.textInputContainer}&gt;
            &lt;TextInput
              onChangeText={text =&gt; {
                setValue('email', text);
              }}
              placeholder={'Email'}
              placeholderTextColor="grey"
              keyboardType="email-address"
              autoCapitalize={'none'}
              autoCorrect={false}
              textContentType={'username'}
              style={styles.textInputFont}
            /&gt;
          &lt;/View&gt;
          &lt;View style={styles.textInputContainer}&gt;
            &lt;TextInput
              onChangeText={text =&gt; {
                setValue('password', text);
              }}
              placeholder={'Password'}
              placeholderTextColor="grey"
              keyboardType="default"
              autoCapitalize={'none'}
              autoCorrect={false}
              secureTextEntry={true}
              textContentType={'password'}
              style={styles.textInputFont}
            /&gt;
          &lt;/View&gt;
  
          &lt;View&gt;
            &lt;TouchableOpacity
              onPress={
                isEmailLoading ? null : handleSubmit(_onPressEmailSignIn)
              }&gt;
              &lt;View style={[styles.wideButtonContainer]}&gt;
                &lt;Text style={styles.secondaryFont}&gt;Sign In&lt;/Text&gt;
              &lt;/View&gt;
            &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
  
          &lt;View style={styles.textContainer}&gt;
            &lt;TouchableOpacity
              onPress={() =&gt; navigation.navigate('ForgotPassword')}&gt;
              &lt;View&gt;
                &lt;Text style={styles.secondaryFont}&gt;Forgot Password&lt;/Text&gt;
              &lt;/View&gt;
            &lt;/TouchableOpacity&gt;
            &lt;TouchableOpacity
              onPress={() =&gt; navigation.navigate('EmailSignUp')}&gt;
              &lt;View&gt;
                &lt;Text style={styles.secondaryFont}&gt;Sign Up&lt;/Text&gt;
              &lt;/View&gt;
            &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
        &lt;/View&gt;
  ...
  
  )
  
  </code></pre>
  
  <h2>- Tried on simulator (iPhone Xs (12.0) and my device (iPhone Xr (13.0))</h2>