android - returnKeyType = "next" react native 问题

Question

我在 TextInput 组件中使用 returnKeyType = "next"，但它的工作方式类似于 returnKeyType="go"，而不是移动到下一个文本输入字段。

我们如何使用键盘上的“下一个”按钮从一个文本输入字段移动到下一个文本输入字段？

Answer 1

您需要使用如下引用将焦点设置在下一个文本字段上:

<View style={{flex:1}}>
    <TextInput style={{height:40}} 
        placeholder="First TextField Input"
        placeholderTextColor="#DCDCDC"
        returnKeyType="next"
        onSubmitEditing={()=>this.secondTextInput.focus()}/>
    <TextInput style={{height:40}} 
        placeholder="Second TextField Input"
        placeholderTextColor="#DCDCDC"
        returnKeyType="go"
        ref={(input)=>this.secondTextInput = input}/> 
</View>