Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React本机应用程序中未显示图像:具有本地路径的URI源_Javascript_Image_Reactjs_React Native - Fatal编程技术网

Javascript 在React本机应用程序中未显示图像:具有本地路径的URI源

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

我试图在React本机应用程序中显示图像,但遇到一些问题。 考虑到
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代码中的文本