Question

我有以下代码：

let imgSrc =resolveAssetSource("data:image/png;base64,"+img); 
console.log(imgSrc);
let img = <Image source={{uri:"data:image/png;base64,"+img}} style={{width:imgSrc.width/2, height:imgSrc.height/2}} />;

但代码崩溃是因为imgSrc为null。如何获取base64编码图像的宽度和高度，以便我可以在<Image style={} />元素中使用它？

Answer 1

您无法使用变量实时解析资产。我相信这就是发生的事情以及为什么你的imgSrc为null。编译器不知道img是如此不起作用。

您是否尝试过使用特定的require（）？如果可行，那么您可以使用带有一堆键的JSON对象并引用它。那会有用。像这样：

let IMAGES = {
    "TEST1" = require('./mypath')
}

然后你应该可以使用：

let source = resolveAssetSource(IMAGES.TEST1);

Answer 2

通过以下方式获取尺寸对我有用。

npm i

react-native获取base64图像的图像尺寸

2 个答案: