小道具から画像を読み込むことができません

Question

どうか私の画像の場所が小道具から読み込まれていません。

これは

let overview_bg = require('../../images/locaties/placeholder.png'); 
<Image source={overview_bg} style={styles.overview_bg}> 

に動作します。しかし、私は小道具からURLを取得するとき、それはしていません：

Requiring unknown module "../../images/locaties/placeholder.png". If you are sure the module is there, try restarting the packager or running "npm install"

：

let overview_bg = require(this.props.image); 
<Image source={overview_bg} style={styles.overview_bg}> 

this.props.imageは私にエラーを与えるまったく同じURLを持っています

URLを複数回チェックしたところ、まったく同じです。私はまたそれをテストしたconsole.log

小道具は店からそれを得る別の容器から与えられる。 React Native Image documentationから

Answer 1

：

Note that in order for this to work, the image name in require has to be known statically.

// 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} />