“错误:命名模块未知”，从动态路径加载反应本机图像

'Error: Unknown named module', loading react-native image from a dynamic path

本文关键字：加载 路径 动态 图像 本机 错误 模块 未知      更新时间：2023-09-26

当我在 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

相关文章：