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

Question

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

我正在使用这个组件：

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

这是错误：

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

Answer 1

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

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

Answer 2

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

Answer 3

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

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