React Native 中的 URI 与 URL

在react-native中可以这样做：

const somePath = 'https://...'
<Image source={somePath} />

or

const somePath = 'https://...'
<Image source={{uri: somePath}} />

根据我对网址的理解，URI 是 URL 和 URN 的超集。

问题

1. 提供网址可能会出现哪些潜在问题source作为网址？

2. 提供网址可能会出现哪些潜在问题source作为 URI？

3. 提供图像地址的方法source更准确、更安全、面向未来？

您提供的第一个代码示例将不起作用

const somePath = 'https://...'
<Image source={somePath} />

一般来说，您应该使用 source 属性来提供本地图像，如下所示

const someLocalImage = require("./assets/someImageName.png");
<Image source={someLocalImage} />

以及像这样显示远程图像的 uri

<Image source={{uri: "https://example.com/someRemoteImagePath.png" />

还可以使用uri来显示base64图像数据

<Image
      source={{uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg=='}}
    />

在文档中阅读更多相关信息

https://facebook.github.io/react-native/docs/image.html#source https://facebook.github.io/react-native/docs/image.html#source