iOS автоматически заполняет первое поле пароля, но не на втором.Как сделать пароль и подтвердить поля пароля автоматически заполненными, как в приложениях?
Обновление: похоже, что система обрабатывает форму регистрации как форму входа, поэтому она автоматически заполняет первое поле пароля.Кроме того, когда я возвращаюсь к экрану входа в систему, система запрашивает, хочу ли я сохранить пароль в связке ключей или нет, что является неожиданным.
Обновление: я использую стековую навигацию (экраны: Вход в систему и регистрация).Оказывается, после того, как я ввожу имя или адрес электронной почты в форму регистрации, он автоматически заполняет надежный пароль для поля пароля на экране входа в систему и первого поля пароля на экране регистрации.Любой способ сказать системе, что это разные формы?(Как и при использовании различных <form> в веб-программировании).
Экран входа в систему
export default class Login extends Component {
Login() {
}
render() {
return (
<IndexBackground>
<IndexBox>
<IndexLogo />
<IndexTextInput placeholder="Name" />
<IndexTextInput placeholder="Password" secureTextEntry={true}/>
<IndexButton title="Log in" onPress={this.Login} />
<IndexText text="Forgot Password?" style={styles.textForgot} />
<IndexText text="Don't have an account?" style={styles.textSignUp}>
<Text style={styles.textLink} onPress={() => this.props.navigation.navigate('SignUp')}> Sign up</Text>
</IndexText>
</IndexBox>
</IndexBackground>
)
}
}
Экран регистрации
export default class SignUp extends Component {
user = {
email: '',
name: '',
pass: '',
confirmpass: ''
};
setUser = (key, value) => {
this.user[key] = value;
console.log(this.user);
}
signUp() {
}
render() {
return (
<IndexBackground>
<IndexBox>
<IndexLogo />
<IndexTextInput placeholder="Email" onTextChanged={(value) => this.setUser('email', value)} />
<IndexTextInput placeholder="Name" onTextChanged={(value) => this.setUser('name', value)} />
<IndexTextInput placeholder="Password" secureTextEntry={true} onTextChanged={(value) => this.setUser('pass', value)} />
<IndexTextInput placeholder="Confirm Password" secureTextEntry={true} onTextChanged={(value) => this.setUser('confirmpass', value)} />
<IndexButton title="Sign up" onPress={this.signUp} />
<IndexText text="Have an account?" style={styles.textSignUp}>
<Text style={styles.textLink} onPress={() => this.props.navigation.navigate('Login')}> Log in</Text>
</IndexText>
</IndexBox>
</IndexBackground>
)
}
}
NavLogin
const routeConfigs = {
Login: { screen: Login },
SignUp: { screen: SignUp }
}
const navConfigs = {
headerMode: 'none',
navigationOptions: {
headerVisible: false,
}
}
const NavLogin = createStackNavigator(routeConfigs, navConfigs);
const ContainerLogin = createAppContainer(NavLogin);
export default ContainerLogin;