无法在本机反应中加载静态图像答案

【问题标题】：Unable to load static images in react native无法在本机反应中加载静态图像
【发布时间】：2021-12-10 16:43:49
【问题描述】：

我的文件夹结构：

-资产

--图片

---potrait.png

-src

--file.js

我想在 file.js 中加载我的图像，但它会引发错误

<Image source={require('../assets/images/potrait.png')} />

错误：

错误：错误：无法从 D:\munish\Desktop\Invictus\reach-app\src\reactNativeCamera.js 解析模块 ../assets/images/potrait.png：

这些文件都不存在：

potrait.png
assets\images\potrait.png\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native. ts|.ts|.android.tsx|.native.tsx|.tsx)

【问题讨论】：

【解决方案1】：

遗憾的是，react 禁用了 src 之外的导入。您应该将它们移动到 src 内部或 public 文件夹，在那里可以通过 / 访问它（不推荐，因为它会复制图像，应避免进行最佳优化）。

【讨论】：

【解决方案2】：

你试过这种语法吗？

<Image source={{uri: localPath}}/>

【讨论】：