要求模塊名稱只在調試模式下受支持，並會在生產中中斷

Question

我有一個文本和圖像列表，我從Firebase數據庫獲取圖像的名稱，然後將提取的名稱與圖像的路徑連接起來「我的項目下的文件夾：這是我用

var icon= require ('path/'+item.image+'.png') 

     return (
      ... 
        <Image style={{width: 50, height: 50}} 
          source={icon}/> 

將顯示圖像的代碼，但我有警告，就像我在列表圖像 我聽說這個

的require（ '圖像！'）不再支持

現在已刪除對require（'image！...'）的支持，該請求已棄用很長的時間 時間。如果您仍在以這種方式在您的 應用中加載圖片，請務必檢查文檔以尋找替代方法。

Answer 1

沒有被要求沒有明確的問題，所以我會假設你問「這是什麼錯誤呢？」和「如果有什麼，我該怎麼做才能讓它消失？」。

require('image!...')是在React Native中使用圖像的（真的）舊方式。但我懷疑你的問題在於你動態地構建圖像名稱。

見React Native docs on images：

爲了這個工作，在需要的圖像名稱必須靜態已知。

// GOOD 
<Image source={require('./my-icon.png')} /> 

// BAD 
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive'; 
<Image source={require('./' + icon + '.png')} /> 

// GOOD 
var icon = this.props.active ? require('./my-icon-active.png') : 
require('./my-icon-inactive.png'); 
<Image source={icon} /> 

所以不要動態生成圖像的名字。

是的，我覺得你的疼痛不得不寫一個開關的情況下，爲世界上所有國家......