直到我在 React Native 中按下几次按钮才会响应

Question

我在 React Native Android 项目中遇到了一个奇怪的错误。

有一个实现自定义音频播放器的媒体控制器页面（Play/Pause、Next、Previous 按钮等），它在 Android 模拟器 上工作得很好，但是当我尝试在 [=] 上点击它的任何按钮时=27=]真机，按了10下才反应过来

我能想到的几个原因：

• 整个页面响应的是平移手势，所以在模拟器上，点击事件被识别为点击，而在设备上，它识别为平移手势。

• 我收到了大约 1,000 个 Warning: You are manually calling a React.PropTypes validation function... 的警告（其中的解决方案可能是 ），它可以影响应用程序的性能。 （此问题已解决，但仍然会发生）

• 应用程序中使用了几个 仅针对 iOS 实现的库，例如 react-native-streamingkit and react-native-mpremotecommandcenter，还有一个其中的一部分可能会导致问题。

我绕过它了吗？是否有任何其他原因导致此问题？

Answer 1

我修复了错误 - 原因是我列出的错误中排名第一。

我的 PanResponder 之一中的 onMoveShouldSetPanResponderCapture() 函数包含以下代码：

onMoveShouldSetPanResponderCapture: (evt, gestureState) => {
    return dx != 0 && dy != 0 && this._canPan;
}

换句话说，代码将区分点击手势和平移手势的阈值设置为零！

我按如下方式更改了它，现在运行良好：

onMoveShouldSetPanResponderCapture: (evt, gestureState) => {
    return (Math.abs(gestureState.dx) > 5 || Math.abs(gestureState.dy) > 5) && this._canPan;
}

如果您愿意，请将阈值设置为 10px。