是否可以将Image.getSize与静态图像文件一起使用

Question

我想使用 Image.getSize （https://facebook.github.io/react-native/docs/image.html） 来获取图像的大小，但第一个参数要求图像源在 URI 中，但我不能将 URI 与静态文件一起使用，我只能使用 Require。

因此，是否可以在静态文件上使用Image.getSize，还是我必须找到另一种方法？

Answer 1

您可以使用 resolveAssetSource（来自 react-native/Libraries/Image/resolveAssetSource）来获取图像的大小。

import resolveAssetSource from 'resolveAssetSource';

和

let icon =  require('./assets/images/icon.png'); 
let source = resolveAssetSource(icon);
// source.width, source.height`

Answer 2

您可以使用

Image.resolveAssetSource(source).width和Image.resolveAssetSource(source).height。

React Native 文档中的参考：https://facebook.github.io/react-native/docs/image.html#resolveassetsource

Answer 3

通过官方文档

import { Image } from 'react-native'
const url = require('./x.png')
const image = Image.resolveAssetSource(url)

然后使用image.width和image.height

Answer 4

let path = "file:///storage/emulated/0/Pictures/xxx.jpg";
Image.getSize(path,(w,h)=>{
        console.log('w h=',w,h);
    },(err)=>{
        console.log('err....',err);
    })