React Native社区Feed评论：无需先收起键盘即可点击提交按钮

这个问题我之前也碰到过！核心原因是你的帖子列表用了ScrollView，默认情况下点击输入框外的元素（比如你的提交按钮），RN会先触发键盘收起的操作，导致第一次点击其实是让键盘消失，第二次才真正触发按钮的onPress事件。

下面是具体的解决步骤，完全符合你的需求（点击提交直接提交，点击空白区域收起键盘）：

1. 正确配置ScrollView的键盘属性 #

给包裹帖子的ScrollView加上keyboardShouldPersistTaps="handled"，这个属性的作用是：当点击的元素有自己的onPress处理函数时，键盘不会自动收起，直接触发该元素的事件；点击没有处理函数的空白区域时，键盘依然会正常收起，完美匹配你的需求。

修改后的ScrollView代码示例：

import { ScrollView } from 'react-native';

<ScrollView
  // 保留你原有的其他属性
  keyboardShouldPersistTaps="handled"
>
  {/* 你的帖子列表、评论区域等内容 */}
</ScrollView>

2. 优化评论提交逻辑（可选但推荐） #

在你的onSubmitComment函数里，手动调用Keyboard.dismiss()来在提交完成后收起键盘，这样用户提交后不用手动点击空白区域，体验更流畅：

import { Keyboard } from 'react-native';

// 假设你的onSubmitComment是这样的
const onSubmitComment = () => {
  // 先判断输入内容是否为空
  if (!textComment.trim()) return;

  // 执行你的评论提交逻辑（比如调用接口、更新本地状态）
  // ...

  // 提交完成后收起键盘
  Keyboard.dismiss();
  // 清空输入框
  setTextComment('');
};

3. 检查你的LocalizedTextInput组件 #

你的LocalizedTextInput实现是包裹了一个View和TextInput，这里要确保没有阻止事件传递，目前的代码是没问题的，因为View默认不会拦截触摸事件，所以不用修改。

为什么之前的尝试没生效？ #

你提到试过keyboardShouldPersistTaps和keyboardDismissMode="Drag-on"，大概率是keyboardShouldPersistTaps的取值不对：

• 如果设为true或'always'，会导致点击任何区域键盘都不会收起，不符合你“点击空白区域收起键盘”的需求；
• 只有'handled'才是精准控制的选项，既满足提交按钮直接触发事件，又保留空白区域收起键盘的功能。

修改完成后，点击提交按钮就会直接触发评论提交，不用再点两次啦！

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