我正在使用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模拟器上。我尚未在真实设备中进行测试。

最佳答案

我认为您正在使用模拟器来测试应用程序(genymotion?),同样的事情发生在我身上,我感到困惑,但请放心,问题不在于您的应用程序,而在于模拟器或操作系统(有时单击该按钮只是为了带来模拟器成为重点),我很肯定如果您在物理设备上尝试它,它将可以正常工作。

希望我有所帮助

07-24 16:28