'错误：未知的命名模块'，从动态路径加载反应本机图像答案

【问题标题】：'Error: Unknown named module', loading react-native image from a dynamic path'错误：未知的命名模块'，从动态路径加载反应本机图像
【发布时间】：2016-06-13 06:53:55
【问题描述】：

当我在 React-native 中使用 Image 组件时，当我将图像的路径/源声明为内联字符串时，它可以正常工作：

 <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');

人们通常如何解决可变图像的动态加载？

【问题讨论】：

标签： javascript react-native

【解决方案1】：

你不能做动态静态图片，所以你可以使用 uri 或者做静态的东西，比如 var test=require('image')。看看这个问题：https://github.com/facebook/react-native/issues/2481

【讨论】：