ReactNative 在 XCODE 12.4 以上打包资源图片无法显示问题

最新推荐文章于 2023-08-11 17:21:07 发布

原创

最新推荐文章于 2023-08-11 17:21:07 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#reactnative #xcode #ios

本文介绍了在Xcode12.4及以上版本中，ReactNative项目打包时遇到本地图片资源无法显示的问题。通过在RCTUIImageViewAnimated.m文件的特定函数内添加代码，可以成功解决这个问题。

Xcode12.4之后，之前RN项目打包，本地图片资源无法加载显示

1、在XCODE中查找RCTUIImageViewAnimated，打开RCTUIImageViewAnimated.m文件

2、在大概第270行上下的位置，找到函数

- (void)displayLayer:(CALayer *)layer
{
   
   
  if (_currentFrame) {
   
   
    layer.contentsScale = self.animatedImageScale;</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fbean

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

低版本ReactNative在XCode11启动时异常问题的解决方案

W2Y的专栏

09-25

2429

在升级Xcode11之后，使用低于0.59.9版本的React Native，启动时必将出现问题：模拟器运行报红如下： Xcode运行错误如下： 2019-09-25 15:16:47.784 [error][tid:main][RCTModuleMethod.mm:376] Unknown argument type '__attribute__' in method -[RCTApp...

xcode打包，image assets图片无法显示问题

xo19882011的专栏

08-13

1921

xcode打包，image assets图片无法显示，起初还以为是由于xcode版本的问题导致的bug，怀疑xcode打包image assets的时候没有把图片打进去。由于包是直接上传app store的，因此直接在finder中查看包内容。 Assets包的路径为 xx(右键finder中打开的文件夹位置)/Products/Applications/xxx.app/Assets.car 找了个cartool工具解压查看Assets，看到里边还有这个图片资源。嗯。。。再翻翻代码，发现Image A

参与评论您还未登录，请先登录后发表或查看评论

RN Exception: 离线打包图片不显示

mazaiting的博客

07-04

780

异常离线打包index.android.bundle之后，App中图片资源显示问题原因路径不同解决办法将index.android.bundle文件和drawable-mdpi/drawable-hdpi/drawable-xhdpi/drawable-xxhdpi/drawable-xxxhdpi文件夹放在同一目录下解决方法.png 调试时，bundle文件路径为：...

React Native 在IOS下无法显示图片的问题处理

weixin_45283283的博客

03-10

1165

reactnative

Xcode9.2打包图片显示异常解决方案

weixin_34378969的博客

02-28

194

链接：https://www.jianshu.com/p/ca0bbb403143來源：简书　　在使用Xcode9.2适配iPhone X的过程中遇到了部分图片显示异常（不显示或花掉）的问题。主要分两种情况，一是App Icon不显示，二是资源图片在iOS8.1 iOS8.2上面会花掉，本文简单记录一下这两种情况的解决方案。升级Xcode9.2之后App Icon突然不显示　　在Xcode...

React native ios图片加载不出来

Arno的博客

04-27

1843

React native ios图片加载不出来

精选资源

React Native打包IOS超详细步骤

01-03

react-native bundle --entry-file index.js //entry-file,ios或者android入口的js名称，比如index.js --platform ios //platform ,平台名称(ios或者android) --dev false //设置为false时会对JavaScript代码进行...

精选资源

react-native之ios详细打包步骤及上传苹果开发者中心———小白的天堂

01-03

很久没弄ios项目了，正好有时间梳理一遍react-native打包ios项目及怎么上传到苹果开发者中心来提交应用，也当自己在熟悉一遍吧~ 准备工作： Mac电脑，安装有Xcode,在这里讲的使用xcode来运行提交项目的苹果...

解决React Native在Xcode 10,11中运行报错问题

当开发者遇到使用Xcode 10或11运行老版本React Native应用时遇到的问题，表明开发者可能正在尝试在较新的Xcode版本上运行较旧的React Native项目代码。Xcode的每个新版本可能引入了与旧版本不兼容的改动，例如对...

ReactNative 在IOS模拟器上图片不显示

koufulong的博客

02-25

955

Xcode升级后，ReactNative 在IOS模拟器上看不到图片(静态图片和网络图片) 解决方法 1、第一种：修改node_modules中react-native/Libraries/Image/RCTUIImageViewAnimates.m文件 if(_currentFrame){ //275行 layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_c

react-native 打包apk 并解决图片不出现问题

w36680130的博客

09-29

276

react-native 打包apk 并解决图片不出现问题

react native | 0.62.2 | iOS14.2 | Xcode12 本地图片加载不出解决方案

carry_qi的博客

12-17

531

在xcode搜索 RCTUIImageViewAnimated 看看是否使用如果有大概在278 左右（我是在这里） - (void)displayLayer:(CALayer *)layer - (void)displayLayer:(CALayer *)layer { if (_currentFrame) { layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_c..

react-native升级到0.63ios图片不展示

Millet

02-01

316

在项目中找到 react-native/Libraries/Image/RCTUIImageViewAnimated.m路径，打开RCTUIImageViewAnimated.m文件 - (void)displayLayer:(CALayer *)layer { if (_currentFrame) { layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_currentFrame.CG

React Native 在高IOS版本下无法显示图片的问题处理

zhenzhenzhen1705的博客

08-11

1193

React Native 在高IOS版本下无法显示图片的问题处理

xcode 编译或者打包的时候找不到图片的错误

weixin_34310369的博客

06-15

377

进入app路径，copy一份图片进去就好了

记录react-native项目导入新图片Image不显示

GaaraLikesMe的博客

08-03

1571

也是第一次使用markdown 顺便练练手，以后有问题会更新出来问题描述：使用react-native 开发app，在项目中导入一张图标，使用require()，取得图片的相对路径，但是始终没有显示 <View style={styles.serverContainer}> <Text style={styles.serverTit...

ReactNative上图片无法显示的问题的解决方案

yeputi_WK的博客

04-24

4579

更新一种情况，最近在mx5等机型上发现打开webview之后再进入RN页面，RN页面无法显示，查看了下在js里的图片加载回调无异常，ReactImageView调用回异常，，哪哪都没问题。。。后来通过排查webview中设置了硬件加速引起~~~ ---------------------------------------- RN上在低内存发送大量图片的时候，会显示图片异常；如在聊...

解决React Native 生成 released apk图片不显示

weixin_34347651的博客

03-01

736

react native写的应用在调试模式的时候一切正常，但是生成apk后，在手机上安装图片却不显示，这说明静态文件资源没有被bundle进来。进入项目下的android目录，然后app -> src -> res，如果图片不存在这个目录下，那就要主动去bundle文件。在项目根目录下执行这条命令: react-native...

React-native学习-6-图片资源

Green

08-29

207

//6.静态图片资源<Imagesource={require('./my-icon.png')}/> importReact,{useState}from'react'; import{View,Text,Image}from'react-native'; constImageDemo=()=>{ return( <View> <Text>h...

ReactNative 在 XCODE 12.4 以上打包 资源图片无法显示问题

ReactNative 在 XCODE 12.4 以上打包资源图片无法显示问题