'エラー：不明な名前付きモジュール'、動的パスから反応したネイティブイメージを読み込む

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