在 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
,但我认为这没有起到任何作用。
我一直在使用 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
,但我认为这没有起到任何作用。