Question

不知道我的图像位置是否从道具中加载。

这有效

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

但是当我从道具中获取网址时，它并没有：

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

this.props.image有完全相同的网址，它会给我错误：

需要未知模块＆＃34; ../../ images / locaties / placeholder.png＆＃34;。如果你确定模块在那里，尝试重新启动打包器或正在运行＆＃34; npm install＆＃34;

我已经多次检查了网址，它完全一样。我还在console.log

中对其进行了测试

道具是从另一个从商店获得的容器中提供的。

Answer 1

来自React Native Image documentation：

请注意，要使其正常工作，必须静态了解require中的图像名称。

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

无法从道具加载图片

1 个答案: