Javascript 在React本机应用程序中未显示图像:具有本地路径的URI源
我试图在React本机应用程序中显示图像,但遇到一些问题。 考虑到Javascript 在React本机应用程序中未显示图像:具有本地路径的URI源,javascript,image,reactjs,react-native,Javascript,Image,Reactjs,React Native,我试图在React本机应用程序中显示图像,但遇到一些问题。 考虑到this.state.icon的运行时值是'./icons/icon.png',我无法理解为什么第一行代码不工作(显示的是一个空白区域而不是图像),而第二个版本工作正常 <Image style={styles.Icon} source={this.state.icon} /> <Image style={styles.Icon} source={require('./icons/Icon.png')} /&g
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'}require不支持模块的动态加载。Javascript文件是静态分析的。见类似问题athttps://github.com/facebook/react-native/issues/2481只有当this.state.icon是require('./icons/carIcon.png')的结果时,它才会起作用。但是require中的字符串必须是javascript代码中的文本