在 React Native 应用程序中不显示图像：具有本地路径的 URI 源答案

【问题标题】：Image non displaying in React Native application: URI source with local path在 React Native 应用程序中不显示图像：具有本地路径的 URI 源
【发布时间】：2016-05-06 05:34:11
【问题描述】：

我正在尝试在 React Native 应用程序中显示图像，但遇到了一些问题。考虑到this.state.icon 的运行时值是'./icons/Icon.png'，我无法弄清楚为什么第一行代码不起作用（显示的是空白区域而不是图像），而第二个版本可以正常工作。

<Image style={styles.Icon} source={this.state.icon} />

<Image style={styles.Icon} source={require('./icons/Icon.png')} />

这种解决方案也不起作用： source={{uri: './icons/Icon.png'}}

【问题讨论】：

标签： javascript image reactjs react-native

【解决方案1】：

require 不支持动态加载模块。 Javascript 文件是静态分析的。请参阅 https://github.com/facebook/react-native/issues/2481 上的类似问题

【讨论】：

只有 this.state.icon 是 require('./icons/carIcon.png') 的结果时才有效。但是 require 中的字符串必须是您的 javascript 代码中的文字