点击提交按钮时触发onEndEditing的技术问题求助

这里有几个实用的解决思路，你可以根据业务场景选择：

1. 提交时主动同步所有输入框的值 #

不用依赖onEndEditing触发，点击Submit按钮时直接遍历所有输入框ref，把最新值同步到useRef数组：

const handleSubmit = () => {
  // 遍历输入框ref集合，逐个同步值到数组
  inputRefs.current.forEach((ref, idx) => {
    if (ref.current) {
      formValuesRef.current[idx] = ref.current.value;
    }
  });
  
  // 此时数组已完整，执行提交逻辑
  submitData(formValuesRef.current);
};

这个方法简单直接，彻底避免键盘事件的异步问题。

2. 用onChange实时更新数组 #

放弃依赖onEndEditing，改为输入框内容变化时就更新对应数组项，确保Submit时数组始终是最新值：

<TextInput
  ref={inputRefs.current[index]}
  onChangeText={(text) => {
    formValuesRef.current[index] = text;
  }}
  // 其他属性配置
/>

这种方式最可靠，完全规避键盘事件触发时机问题，仅有的小代价是输入时会频繁更新数组，但多数场景下性能影响可忽略。

3. 等待键盘隐藏完成后再执行提交 #

如果必须保留onEndEditing逻辑，可以把Keyboard.dismiss()的异步过程包装成Promise，确保onEndEditing执行完毕后再处理提交：

const handleSubmit = async () => {
  await new Promise(resolve => {
    Keyboard.dismiss();
    // 监听键盘完全隐藏事件，确认onEndEditing已执行
    const keyboardHideListener = Keyboard.addListener('keyboardDidHide', () => {
      keyboardHideListener.remove();
      resolve();
    });
  });
  
  // 数组已更新完成，执行提交逻辑
  submitData(formValuesRef.current);
};

这个方法解决了你之前遇到的时机滞后问题，通过等待键盘隐藏事件确保onEndEditing回调已执行完毕。

内容的提问来源于stack exchange，提问作者midnighttfoxx