android - 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？)我也遇到过同样的事情，我感到很困惑，但请放心，问题不在于您的应用程序，而在于模拟器或操作系统(有时第一次点击只是使模拟器成为焦点)我很肯定，如果您在物理设备上尝试它，它会正常工作。

希望对你有帮助