如何在确认第一个文本输入后自动聚焦第二个文本输入

时间:2015-07-06 12:47:22

标签: ios react-native

我有一个本机应用程序,其中包含两个textInputs的简单登录表单:一个用于用户名,另一个用于密码。用户名textInput的属性为autoFocus = {'true'}。提交后(虚拟键盘上的返回键)第二个textInput密码应该自动对焦。有没有办法做到这一点?

2 个答案:

答案 0 :(得分:1)

您的父组件上需要一个能够聚焦密码字段的函数:

function focusPassword() {
    this.refs.password.focus();
}

然后在第一个TextInput上定义onSubmitEditing属性。这将在用户点击进入时调用(如果使用returnKeyType='next'),则调用“next”(

<TextInput ref='username' onSubmitEditing=this.focusPassword />
<TextInput ref='password' />

答案 1 :(得分:-2)

确保两个文本字段都有代理连接到VC。 并使用textfield委托方法返回按钮

-(BOOL)textFieldShouldReturn:(UITextField *)textField

{

if (textField == self.firstTextField)
{
    [self.secondTextField becomeFirstResponder];
}

else [textField resignFirstResponder];

return NO;

}