当我在React-native中使用Image组件时,当我将图像的路径/源声明为内联字符串时,它可以正常工作:
<Image
style={styles.img}
source={require('mypic.png')}
/>
Run Code Online (Sandbox Code Playgroud)
但是当我将路径定义为这样的变量时:
var img = 'mypic.png';
<Image
style={styles.img}
source={require(img)}
/>
Run Code Online (Sandbox Code Playgroud)
......它不起作用.错误消息msg是"错误:未知命名模块'mypic.png'"
我有很多图像,我需要动态地要求它们.编写手动导入语句有太多要求逐个使用它们.
即使使用像这样的简单切换,效率也会低得多:
var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png');
Run Code Online (Sandbox Code Playgroud)
人们通常如何解决变量图像的动态加载?