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方法記錄項目