如何在React Native中的Android键盘中显示下一步按钮

Question

当存在多个TextInput字段时，我需要在React Native应用程序的Keyboard中显示Next按钮。 有人可以建议，我尝试过使用returnKeyType = {“ next”}，blurOnSubmit和onSubmitEditing道具，但是没有用。

请问有人可以为此提供解决方案吗？

谢谢。

Answer 1

您可以按照文档中的说明尝试onSubmitEditing。当您在键盘上单击完成时，将调用此方法。在列表器中，使用focus方法聚焦所需的textInput。

render(){
  return(
    
    ...
    
    <TextInput
      ref={(input) => this._username = input}
      onSubmitEditing={() => this._email.focus()}
      value={this.state.text}
      blurOnSubmit={false}   // prevent keyboard flickering
    />
    
    <TextInput
      ref={(input) => this._email = input}
      onSubmitEditing={() => this._password.focus()} // or submit the form or focus next input and goes on
      value={this.state.text}
      blurOnSubmit={false}
    />   
    
    
  )
}

Answer 2

尝试不使用{}的情况。 returnKeyType = "next"。这对我有用。