Ios React Native：按下下一个键盘按钮后如何 Select 下一个TextInput

发布于09月24日

我定义了两个文本输入字段，如下所示:

<TextInput 
   style = {styles.titleInput}
   returnKeyType = {"next"}
   autoFocus = {true}
   placeholder = "Title" />
<TextInput
   style = {styles.descriptionInput}          
   multiline = {true}
   maxLength = {200}
   placeholder = "Description" />

但是在按下键盘上的"下一步"按钮后，我的react 本机应用程序没有跳到第二个TextInput字段.我怎样才能做到这一点呢？

谢谢!

推荐答案

当前TextInput个焦点onSubmitEditing被触发时，设置第二个TextInput焦点.

试试这个

Adding a Ref to second TextInput
ref={(input) => { this.secondTextInput = input; }}
Bind focus function to first TextInput's onSubmitEditing event.
onSubmitEditing={() => { this.secondTextInput.focus(); }}
Remember to set blurOnSubmit to false, to prevent keyboard flickering.
blurOnSubmit={false}

完成后，应该是这样的.

<TextInput
    placeholder="FirstTextInput"
    returnKeyType="next"
    onSubmitEditing={() => { this.secondTextInput.focus(); }}
    blurOnSubmit={false}
/>

<TextInput
    ref={(input) => { this.secondTextInput = input; }}
    placeholder="secondTextInput"
/>