React native RN从远程URL加载不同大小的图像

从react native的

您还可以使用@2x和@3x后缀为用户提供图像 不同的屏幕密度。如果您具有以下文件结构：

那么，如何对不同的远程URL执行相同的操作呢

---

（例如。“http://aaa.com/a@2x.png“http://aaa.com/a@3x.png”）

对于网络图像，您将在应用程序中显示的许多图像在编译时将不可用，或者您希望动态加载一些图像以减小二进制大小

与静态资源不同，您需要手动指定图像的尺寸

// GOOD
<Image source={{uri: 'http://aaa.com/a.png'}} style={{width: 400, height: 400}} />

// BAD
<Image source={{uri: 'http://aaa.com/a.png'}} />

//很好
//坏的

// GOOD
<Image source={{uri: 'http://aaa.com/a.png'}} style={{width: 400, height: 400}} />

// BAD
<Image source={{uri: 'http://aaa.com/a.png'}} />