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

Question

我正在使用 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 模拟器上都遇到了这个问题。我还没有在真实设备上测试过。

Answer 1

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

希望对你有所帮助