首页 > 解决方案 > React Native Expo - iOS 自动填充密码在注册屏幕上弹出,如果您选择“选择我自己的密码”,它会清除但状态不会

问题描述

我将 Formik 和 Yup 用于我的身份验证流组件。目前,我遇到了一个问题,我的 iOS 设备弹出打开建议的密码对话框,如果您选择选择您自己的密码的选项,它会清除但不会清除状态。

这是我对这种行为制作的视频:

在此处输入图像描述

这是 Formik 和 Yup 的代码。

               <View style={styles.inputFieldContainer}>
                  <CustomText size={14}>Password</CustomText>
                  <View style={styles.inputField}>
                    <TextInput
                      autoCapitalize='none'
                      autoCorrect={false}
                      blurOnSubmit={true}
                      keyboardType='default'
                      maxLength={20}
                      onChangeText={handleChange('password')}
                      ref={passwordRef}
                      secureTextEntry={true}
                      selectionColor={Colors.primary}
                      style={styles.textInput}
                      value={values.password}
                      onSubmitEditing={() => {
                        confirmPasswordRef.current.focus();
                      }}
                    />
                  </View>
                </View>
                <View style={styles.inputFieldContainer}>
                  <CustomText size={14}>Confirm password</CustomText>
                  <View style={styles.inputField}>
                    <TextInput
                      autoCapitalize='none'
                      autoCorrect={false}
                      blurOnSubmit={true}
                      keyboardType='default'
                      maxLength={20}
                      onChangeText={handleChange('confirmPassword')}
                      ref={confirmPasswordRef}
                      secureTextEntry={true}
                      selectionColor={Colors.primary}
                      style={styles.textInput}
                      value={values.confirmPassword}
                      onSubmitEditing={() => {
                        if (allValid) handleSubmit();
                      }}
                    />
                  </View>
              </View>

标签: javascriptiosreactjsreact-nativeexpo

解决方案


推荐阅读