javascript - React Native 获取具有 resizeMode='contain' 的图像的绝对位置

Question

我正在用 React Native 制作一个对象检测应用程序。我将图像发送到 Google Vision Api，然后 api 发回一个 JSON 文件，其中包含对象的坐标和大小。我想绘制指示对象的矩形。我不知道这样做的正确方法是什么。我正在尝试为此将 div 元素放在图像上。但是有一个问题：我的图像元素有 resizeMode='contain' 属性。所以我不知道x = 0，y = 0点在哪里，大小是多少。

<Image source = ... resizeMode='contain' style={{flex: 1}}/>

我该怎么做才能获得图像的真实位置和大小？或者有什么建议可以画出反应角？

标签： javascriptcssreact-native

Answer 1

您可以获得此处提到的图像大小https://stackoverflow.com/a/41864681/7873829。一旦你有了它的大小，它将位于图像组件容器的中心。