React Native：图像不可见

Posted 2023-03-15

【中文标题】React Native：图像不可见

【英文标题】：React Native: image not visible

【发布时间】：2020-05-30 16:27:10

【问题描述】：

使用 React Native v0.61.5。 图像仅在开发模式下可见（ios 和 android）在模拟器或连接电缆和终端运行的手机上。关闭终端并再次打开应用后，图像将不可见。

图片代码 <Image source=require("../assets/image.png") />

我找到的将图像从 ./assets 文件夹复制到 /res 的代码： npx react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

此代码使用我使用的图像创建文件夹，但是当我关闭终端并断开电话时，图像不可见。

你也有这种情况吗？我应该怎么做才能在不运行终端的情况下加载图像？

【问题讨论】：

为了清楚起见，Shahid 的建议效果很好。此处的命令创建不同的可绘制文件夹，用 _ 重命名文件而不是 - 因为不被接受。所以考虑在你的代码中编辑你的图像名称

【参考方案1】：

您应该在 ProjectName/android/app/src/main/res 目录为 android 和 ios使用Images.xcassets将你的图片拖放到这个里面。

在此文件夹中添加图片。

像这样访问图片<Image source=uri:"imagename"/>

【讨论】：

别忘了重新运行你的项目 react-native run-android for android 和 react-native-run-ios for ios

沙希德，它奏效了。在 Andorid 开始时，我收到一个错误，因为破折号 - 未被接受。谢谢你给我正确的关键词drawable folder和Images.xcassets。祝你有美好的一天