react-native无法加载静态图片的bug解决方案

最新推荐文章于 2022-07-09 12:15:00 发布

ZX10103326

最新推荐文章于 2022-07-09 12:15:00 发布

阅读量994

点赞数

CC 4.0 BY-SA版权

分类专栏： react native 文章标签： json

本文链接：https://blog.youkuaiyun.com/ZX10103326/article/details/84766637

react native 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种解决React Native应用中加载本目录下静态图片资源无效的问题的方法。通过修改resolveAssetSource.js中的getScaledAssetPath函数，可以确保图片路径正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react-native当加载本目录下的静态图片资源无效的解决办法:

到项目的/node_modules/react-native/Libraries/Image目录下

修改resolveAssetSource.js的getScaledAssetPath方法，原代码

function getScaledAssetPath(asset) {
  var scale = pickScale(asset.scales, PixelRatio.get());
  var scaleSuffix = scale === 1 ? '' : '@' + scale + 'x';
  var assetDir = getBasePath(asset);
  return assetDir + '/' + asset.name + scaleSuffix + '.' + asset.type;
}

修改为：

function getScaledAssetPath(asset) {
  var scale = pickScale(asset.scales, PixelRatio.get());
  var scaleSuffix = scale === 1 ? '' : '@' + scale + 'x';
  var assetDir = getBasePath(asset);
  var imagePath = assetDir + '/' + asset.name + scaleSuffix + '.' + asset.type;
  if (imagePath[0] == "/" || imagePath[0] == "\\") {
      imagePath = imagePath.substr(1);
   }
   return imagePath;
}

这样就临时解决了该问题，详情请见https://github.com/WoLfulus/react-native/commit/33e2d052b6e2e3e6b3595572abbc3cb9b66d5755