首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Flatlist不会显示来自json的图像(Reactinative)

Flatlist不会显示来自json的图像(Reactinative)
EN

Stack Overflow用户
提问于 2018-11-07 20:05:19
回答 2查看 3.2K关注 0票数 2

我一直有这个问题,我的图像没有显示在我的应用程序。

我正在使用FlatList:

下面是我保存json的javascript文件,它导入到视图中:

我尝试了很多方法让Image组件接受图像,但它就是没有显示,我尝试过的许多方法都不是错误,图像根本就没有显示。

希望有人能帮我摆脱这一困境,被困几天,并在谷歌上搜索一个疯子

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-11-07 20:21:29

您的代码中有两个问题:

  1. 对于本地图像,您需要使用require而不是{ uri: '' }
  2. 当使用require时,不能将变量作为路径传递,因此只需要传递文字字符串。

因此,请替换颜色数组中的每一条路径行,以包括require

示例:

代码语言:javascript
运行
复制
{
  id: 1,
  path: require('../../assets/character-customs/albert/colors/c1.png'),
}

还可以使用以下内容更新Image组件行

代码语言:javascript
运行
复制
<Image style={styles.images} source={item.path} />

这应该对你有用

票数 2
EN

Stack Overflow用户

发布于 2018-11-08 10:25:22

对于我来说,清单是包装所有数据在项目内,所以这个解决了我的问题。

代码语言:javascript
运行
复制
 <Image source={{uri:item.path}}/>

如果这不起作用,请尝试从from renderitem方法中记录项

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53197017

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档