反应原生获取 base64 图像的图像尺寸

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是空的。 如何获取 base64 编码图像的宽度和高度，以便我可以在 <Image style={} /> 元素中使用它？

Answer 1

通过以下方式获取维度对我有用。

import { Image } from 'react-native';
Image.getSize(`data:image/png;base64,${img}`, (width, height) => {console.log(width, height)});