在 React Native Camera 顶部分层的组件的双指缩放

Pinch-to-zoom for components layered on top of React Native Camera

我一直在使用 react-native-camera 库来处理我正在构建的应用程序中的相机视图,我还被要求在其上添加一些形状,如矩形、十字形和圆形作为帮助用户正确构图的指南。我通过将一些重叠的 (position: 'absolute') View 组件组合在一起实现了一个名为 Frame 的组件,然后我将它显示为 RNCamera 的子组件,现在它涵盖了大部分相机视图,但捏合缩放功能(通过 useNativeZoom 道具启用)在覆盖区域不再起作用。

RNCamera 之后移动 Frame 具有相同的最终图形结果,但似乎无法解决问题。我还尝试修改 Frame 中的 pointerEvents 道具,但没有成功。

解决此问题的最佳方法是什么?我是否应该以某种方式向上传播事件,以便 RNCamera 处理它们?或者也许有一种方法可以让 Frame "invisible" 触摸事件,可以这么说吗?

React Native 版本:0.62.2
React Native 相机版本:3.27.0

事实证明解决方案相当简单,我可能纯属偶然错过了它:在 RNCamera 中包含 Frame,并在最外层框架 View 上设置 pointerEvents="none" ].
我也将我的 RN 版本升级到 0.63.2,但我认为这没有起到任何作用。