image - 如何渲染一个 uri 被划分为 react native 的图像?
问题描述
我需要你的帮助。
我想渲染一个图像,其中 uri 的一部分是静态的,另一部分是从 JSON 文件中提取的。我尝试了下面的代码:
render() {
const pic = this.props.navigation.getParam('picture');
const pic2 = pic.toString();
const pic3 = 'https://static.blablabla'+ pic2;
return(
<View style = {styles.container}>
<Image source = {{uri : 'pic3' }}/>
</View>
当我直接尝试使用 https 地址<Image source = {{uri : ''https://static.blablabla/125/14.png' }}/>
时,它可以工作。
解决方案
在您的代码中,图像的 URI 是字符串 'pic3',而不是变量 pic3 的值 您应该删除引号
render() {
const pic = this.props.navigation.getParam('picture');
const pic2 = pic.toString();
const pic3 = 'https://static.blablabla'+ pic2;
return(
<View style = {styles.container}>
<Image source = {{uri : pic3 }}/>
</View>
);
}
推荐阅读
- java - 如何让android应用程序上的所有课程运行
- javascript - 以 mm 为单位计算 svg 路径
- java - 获取特定月份的天数
- javascript - 为什么 axios GET 调用不适用于基本身份验证?
- php - 字符串中仅以空格(或字符串的开头/结尾)为边界的标题大小写单词
- javascript - 删除创建的 div js
- applescript - Applescript - 递归遍历目录
- android - 为什么在打开 android studio 时显示“错误调用主方法”?
- android - 如何以编程方式注册网络连接更改接收器?
- reactjs - 如何将状态重置为 redux 商店中的初始状态?