React Native 中的图像组件无法在 Android 上找到标记为 .android.png 的图像

如何解决React Native 中的图像组件无法在 Android 上找到标记为 .android.png 的图像

文件夹结构

├── app.js
└── assets
    ├── play.android.png
    └── play.ios.png
    

或

   ├── app.js
   ├── play.android.png
   └── play.ios.png

根据 react-native 文档

图像名称的解析方式与 JS 模块的解析方式相同。在 在上面的例子中，bundler 会在同一个地方寻找 my-icon.png 文件夹作为需要它的组件。另外，如果你有 my-icon.ios.png 和 my-icon.android.png，打包器会选择 平台的正确文件。

但是当我尝试根据操作系统加载图像时。它向我显示了 Android 设备中的错误。在 iOS 中能够加载图像。 代码：-

const App=()=>{
  return (<View>
    <Image source={require("./assets/play.png")} style={{height:500,width:300}}/>
    </View>
  )
}

错误：-

assets/play.png.js (1091:882) 无法解析模块“module://assets/play.png.js”（设备）
评估模块://assets/play.png.js

环境

代码：- Expo Snack@40.0

设备测试：- Redmi Note 8 pro

在嵌入 Snack 的虚拟 Android 设备中测试：-没有错误但无法看到图像。

在嵌入 Snack 的虚拟 iOS 设备中测试：-能够看到图像。

我能够在 Expo CLI 中重新创建场景 我无法在上述设备中启动它。

错误：-

未能构建 JavaScript 包。
无法从“App.js”解析“./assets/play.png”

在手机中附上相同的屏幕截图。

解决方法

此处是针对您的错误 (https://snack.expo.io/@haryanvidev/experimentals-images) 的修改后的解决方案