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

希望我有所帮助

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

1 个答案: