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

Question

我正在尝试在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'}}

Answer 1

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