Невозможно загрузить изображение из реквизита

Question

Каким-то образом местоположение моего изображения не найдено, загрузите его из реквизита.

Это работает

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

Но когда я получаю URL из реквизита он не делает:

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

this.props.image имеет тот же URL, который дает мне ошибку:

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

Я проверил URL-адрес несколько раз, это точно так же. Я также тестировал его в console.log

Опора дана из другого контейнера, который достает его из магазина.

Answer 1

От React Native Image documentation:

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