javascript - Flatlist 不会显示 json 中的图像(React Native)

Question

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

我正在使用 FlatList:

这是我的 javascript 文件，其中包含我导入到 View 中的 json:

我一直在尝试很多方法来让图像组件接受图像，但它只是没有显示，我一直在尝试的许多方法都没有显示为错误，图像只是没有显示在全部。

希望有人能帮助我摆脱这个困境，我被困了好几天，像个疯子一样在谷歌上搜索-.-

Answer 1

您的代码中有两个问题:

1. 对于本 map 片，您需要使用 require 而不是 { uri: '' }
2. 当您使用 require 时，您无法将变量作为路径传递，因此您只需传递文字字符串。

因此，替换颜色数组中的每个路径行以包含 require

示例:

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

同时更新 Image 组件行

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

这应该适合你