使用动态名称反应本机图像

2024-03-30

这工作没有问题:

<Image source={require('./images/ace.png')} />

但是这个:

var name = 'ace';

<Image source={require('./images/' + name + '.png')} />

我尝试了各种变体,但它总是返回错误:

需要未知模块“./images/ace.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} />

预先声明需要什么并有条件地使用它怎么样?

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用动态名称反应本机图像 的相关文章

随机推荐