'錯誤：未知的命名模塊'，從動態路徑加載react-native圖像

Question

當我在React-native中使用圖像組件時，當我將圖像的路徑/源聲明爲內聯字符串時，它工作正常：

<Image 
    style={styles.img} 
    source={require('mypic.png')} 
/> 

但是，當我定義路徑像這樣的變量：

var img = 'mypic.png'; 
<Image 
    style={styles.img} 
    source={require(img)} 
/> 

...這是行不通的。錯誤消息是「錯誤：未知的命名模塊'mypic.png'」

我有很多圖像，我需要動態地要求它們。要編寫手動導入語句來逐個要求它們太多了。

即使是一個簡單的切換這樣的一個，它的效率遠不如：

var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png'); 

如何人們通常解決可變圖像的動態加載？

Answer 1

你不能做動態靜態圖像，所以你可以使用uri或者做一些靜態的事情，比如var test = require（'image'）。看看這個問題：https://github.com/facebook/react-native/issues/2481