reactjs - 如何从 React Native 上的 uri 获取图像高度和宽度？

Question

所以，我尝试使用 React Native 提供的 Image.getSize 函数。但是当我尝试在函数外使用高度和宽度时，它似乎为零。
这是我的代码:

var theHeight = 0;
Image.getSize(url,(height, width)=>{
 theHeight = height;
})

console.log("test get height "+theHeight);

结果是

test get height 0

我做错了什么？

Answer 1

您的代码有两个问题。第一个是Image.getSize异步调用它的回调。您需要将依赖于图像大小的代码放在回调中。

第二个问题是成功回调的参数是(width, height) ，而不是相反。

你应该写:

Image.getSize(url, (width, height) => {
  console.log(`The image dimensions are ${width}x${height}`);
}, (error) => {
  console.error(`Couldn't get the image size: ${error.message}`);
});