在 react-native 中可以这样做:
const somePath = 'https://...'
<Image source={somePath} />
或
const somePath = 'https://...'
<Image source={{uri: somePath}} />
根据我对网址的理解,URI 是 URL 和 URN 的超集。
问题
- 将网址作为 URL 提供给
source
有哪些潜在问题? 将网址作为 URI 提供给
source
有哪些潜在问题?哪种将图像地址提供给
source
的方法更准确、更安全且经得起 future 考验?
最佳答案
您提供的第一个代码示例将无法运行
const somePath = 'https://...'
<Image source={somePath} />
一般来说,你应该像这样使用 source prop 来提供本地镜像
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
关于url - React Native 中的 URI 与 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50249353/