反应原生中的returnKeyType =“下一个”问题

Question

我returnKeyType = "next"在 TextInput 组件中使用，但它的工作方式类似于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>