React Native TouchableHighlight 忽略第一次点击事件

Posted 2023-03-12

【中文标题】React Native TouchableHighlight 忽略第一次点击事件

【英文标题】：React Native TouchableHighlight ignores the first click event

【发布时间】：2016-06-07 03:46:39

【问题描述】：

我正在使用 TouchableHighlight 制作按钮，但按钮上的第一次点击事件似乎不会触发 TouchableHighlight 元素上的onPress 事件。再次单击时它会起作用。

代码如下：

 return (
  <TouchableHighlight
      onPress=this.props.onPress
      style=btnStyles
      underlayColor="#a30000"
      activeOpacity=1>
    <Text style=styles.buttonText>this.props.children</Text>
  </TouchableHighlight>
);

这是我创建的按钮的链接：https://github.com/uiheros/react-native-redux-todo-list/blob/master/app/components/shared/Button.js

有人知道怎么解决吗？或者是什么导致了问题？

编辑：目前我在 ios 模拟器和 android 模拟器上都遇到了这个问题。我还没有在真实设备上测试过。

【问题讨论】：

您的代码在 Android 设备上完美运行。

感谢 Jickson 在 Android 设备上进行测试。

【参考方案1】：

我认为您正在使用模拟器来测试应用程序（genymotion？）同样的事情发生在我身上，我很困惑，但请放心，问题不在于您的应用程序，而是模拟器或操作系统（有时第一次点击只是使模拟器成为焦点）我很肯定，如果您在物理设备上尝试它会正常工作。

希望对你有所帮助

【讨论】：

感谢 Ronak，即将踏上解决此问题的漫长而痛苦的旅程……您是对的！遇到令人痛苦和令人困惑的问题时要做的第一件事 - 检查它是否是模拟器！