Flatlist不会显示来自json的图像（React Native）

Question

我一直遇到这个问题，我的图像未显示在我的应用程序中。

我正在使用FlatList：

这是我的javascript文件，其中包含即时消息导入视图的json：

我一直在尝试许多方法来使Image组件接受图像，但它只是不显示，我一直在尝试的许多方法都不会显示为错误，而图像根本不会显示。

希望有人可以帮助我摆脱这个困境，被困了几天，并以一个疯子的身份谷歌搜索-.-

Answer 1

您的代码中有2个问题：

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

因此，替换颜色数组中的每条路径线以包括require

例：

{
  id: 1,
  path: require('../../assets/character-customs/albert/colors/c1.png'),
}

与此同时更新Image组件行

<Image style={styles.images} source={item.path} />

这应该为你工作

Answer 2

对我来说，flatlist将所有数据包装在项目中，因此这为我解决了问题

 <Image source={{uri:item.path}}/>

如果这不起作用，请尝试从renderitem方法记录项目