React Native：按下“下一个”键盘按钮后如何移动到下一个输入字段？

Question

          <TextInput
            // ...
            returnKeyType = {"next"}
            returnKeyType='go'
          />

这段代码 在 iOS 中没有将“开始”/“下一个”引导到下一个输入字段如何在键盘上添加“下一个”和“上一个”箭头。 并设置键盘上的“返回”/“下一个”按钮，将用户带到反应原生的下一个字段。

Answer 1

您可以使用文本输入的参考来关注下一个输入。

      const refPasswordInput = useRef(null);

      const focusOnPassword = () => {
        if (refPasswordInput && refPasswordInput.current) {
           refPasswordInput.current.focus();
        }
      };

      const hideKeyboard = () => {
        Keyboard.dismiss()
      };

      <TextInput
        ...
        blurOnSubmit={false}
        returnKeyType="next"
        onSubmitEditing={focusOnPassword}
      />

      <TextInput
        ref={refPasswordInput}
        ...
        returnKeyType="done"
        onSubmitEditing={hideKeyboard}
      />