当我在 React-native 中使用图像组件时,当我将图像的路径/源声明为内联字符串时,它工作正常:
<Image
style={styles.img}
source={require('mypic.png')}
/>
但是当我将路径定义为这样的变量时:
var img = 'mypic.png';
<Image
style={styles.img}
source={require(img)}
/>
。它不起作用。错误消息是"错误:未知命名模块'mypic.png'"
我有很多图像,我需要动态地需要它们。编写手动导入语句的数量太多,无法一一要求。
即使使用像这样的简单切换,效率也大大降低:
var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png');
人们通常如何解决可变图像的动态加载?
你不能做动态静态图像,所以你可以使用 uri 或做静态的事情,比如 var test=require('image')。看看这个问题: https://github.com/facebook/react-native/issues/2481