使用动态名称反映本机映像 [英] React Native images with dynamic names
本文介绍了使用动态名称反映本机映像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这没问题:
<Image source={require('./images/ace.png')} />
但是这个:
var name = 'ace';
<Image source={require('./images/' + name + '.png')} />
我尝试了各种变化,但它总是返回错误:
I've tried all kinds of variations but it always returns the error:
要求未知模块./images/ace.png。如果您确定该模块在那里,请尝试重新启动打包器。
Requiring unknown module "./images/ace.png". If you are sure the module is there, try restarting the packager.
推荐答案
根据本机文档的反应,
// 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} />
如何预先声明所需内容并有条件地使用它?
How about pre-declaring what is required and use it conditionally?
这篇关于使用动态名称反映本机映像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文