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

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

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

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