react-native - 如何在 React Native 中获取 Native 元素的尺寸和位置

Question

我正在使用一个名为 react-native-svg 的框架在 React Native View 中绘制 SVG 元素。

我的目标是，当我点击 View 时(我在全局 View 上使用 PanResponder 来获得它)，元素是 最接近 水龙头变化。

我拥有我需要的一切，除了一件事:我需要能够知道我的 svg 元素的位置，以及它们的大小，以便找到最接近点击事件的元素。

现在，我已经尝试了大部分可用的东西:

onLayout :那些 svg 元素似乎不是 View ，因此不会调用 onLayout 回调。

this.refs.elem.measure : 同 onLayout ，它们不是 View ，因此 measure功能未定义。

UIManager.measure(ReactNative.findNodeHandle(this.refs.elem), callback) : 除了 react-native-svg 组件 Svg 之外的所有值都返回 0，但不是所有其他值:G、Path、Line 等。

所以我想知道是否还有其他解决方案，或者我是否注定要失败。 :)
我是否必须更改 react-native-svg 中的某些内容才能让我找到这些值，或者是否有任何解决方案可供我使用？

谢谢!

Answer 1

我最终不得不向 react-native-svg 添加一些功能，以便我可以获得不同元素的大小。

它做得不是很好，但我可能会回到它以获得更清洁的解决方案，然后提交 PR。

谢谢。