React本机检测到我的图像路径有问题,说文件不存在

时间:2018-01-25 21:30:03

标签: react-native

我试图在react-native中显示我的项目目录中的图像,并且以下错误不断出现,我无法弄清楚原因。路径是正确的,所以我不确定问题出在哪里。

我正在使用这个组件:

this.jobaidMessageLevel.belongsTo(this.jobaidMessage, {
    foreignKey: 'level'
});

这是错误:

<Image source = {require('/Slices/home\ 1/terms-of-use_02.png')} />

3 个答案:

答案 0 :(得分:0)

尝试使用以下方式传递路径 -

<Image source={{uri: '-- path of Your Image here--'}}/>

答案 1 :(得分:0)

如果在App.js的同一级别的Slices目录,请尝试require('./Slices/home\ 1/terms-of-use_02.png')

答案 2 :(得分:0)

在文件夹或文件名中包含空格是一个非常糟糕的主意。只需将每个文件夹(我猜是Home 1文件夹)重命名为home-1或home_1,然后重试。

我猜测包装者认为不是图像而是模块。