Как заставить приложение React Native спрашивать, хочу ли я сохранить имя пользователя и пароль? (iOS 11+) - PullRequest
0 голосов
/ 18 июня 2020

На основе этого отличного вопроса и ответа я попытался реализовать функцию автозаполнения в своем приложении. Хотя разделы имени пользователя и пароля могут быть заполнены автоматически (например, над клавиатурой есть кнопка пароля, и как только я нажимаю кнопку, Face ID активируется, и я могу выбрать вариант), но он не спрашивает, когда Я набрал имя пользователя и пароль и нажал кнопку входа в систему.

Любое предложение приветствую!

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(()=> {

    register("email");
    register("password")


    return () => {
      console.log("Unmounted");
    }
  }, [register]);

...

return (

 ...
       <View
        style={[
          styles.container,
          styles.emailSection,
          styles.paddingHorizontal,
        ]}>
        <View style={styles.textInputContainer}>
          <TextInput
            onChangeText={text => {
              setValue('email', text);
            }}
            placeholder={'Email'}
            placeholderTextColor="grey"
            keyboardType="email-address"
            autoCapitalize={'none'}
            autoCorrect={false}
            textContentType={'username'}
            style={styles.textInputFont}
          />
        </View>
        <View style={styles.textInputContainer}>
          <TextInput
            onChangeText={text => {
              setValue('password', text);
            }}
            placeholder={'Password'}
            placeholderTextColor="grey"
            keyboardType="default"
            autoCapitalize={'none'}
            autoCorrect={false}
            secureTextEntry={true}
            textContentType={'password'}
            style={styles.textInputFont}
          />
        </View>

        <View>
          <TouchableOpacity
            onPress={
              isEmailLoading ? null : handleSubmit(_onPressEmailSignIn)
            }>
            <View style={[styles.wideButtonContainer]}>
              <Text style={styles.secondaryFont}>Sign In</Text>
            </View>
          </TouchableOpacity>
        </View>

        <View style={styles.textContainer}>
          <TouchableOpacity
            onPress={() => navigation.navigate('ForgotPassword')}>
            <View>
              <Text style={styles.secondaryFont}>Forgot Password</Text>
            </View>
          </TouchableOpacity>
          <TouchableOpacity
            onPress={() => navigation.navigate('EmailSignUp')}>
            <View>
              <Text style={styles.secondaryFont}>Sign Up</Text>
            </View>
          </TouchableOpacity>
        </View>
      </View>
...

)

- Пробовал на симуляторе (iPhone Xs (12.0) и моем устройстве ( iPhone Xr (13,0))

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...