ReactNative中升级IOS

17版本Crash解决一、问题描述二、原因分析三、解决方案决策3.1

设置宽高为非零值3.2

使用新的UIGraphicsImageRenderer替换就版本的UIGraphicsBeginImageContext

react-native-linear-gradient4.3

使用到

UIGraphicsBeginImageContextWithOptions

五、参考地址

业务上用了截图相关UIGraphicsBeginImageContextWithOptions

会报出

_UIGraphicsBeginImageContextWithOptions(CGSize,

BOOL,

官方文档说明https://developer.apple.com/documentation/uikit/1623922-uigraphicsbeginimagecontext

iOS

宽高不为零则可正常使用需要改动的地方较多可能需要将业务中每一个设置为零属性的地方都得检查

3.2

使用新的UIGraphicsImageRenderer替换就版本的UIGraphicsBeginImageContext

改动较小只需要改动三方库中原生内容即可,无需针对业务中涉及到的每一个元素进行校验只需要验证部分页面展示正常即可。

4.1

ios/FastImage/FFFastImageView.m

(UIImage*)

UIImageRenderingModeAlwaysTemplate];UIGraphicsImageRendererFormat

*format

defaultFormat];UIGraphicsImageRenderer

*renderer

imageWithActions:^(UIGraphicsImageRendererContext

_Nonnull

按照官方解决已经提供了新的版本包在npm仓库此时我们可以去更新源代码或者直接更新版本

下载最新版本地址https://github.com/react-native-linear-gradient/react-native-linear-gradient/releases/tag/v2.8.3

直接更新源码

如果要更新源代码则进行更新路径/node_modules/react-native-linear-gradient/ios/BVLinearGradientLayer.m

文件中

CGColorGetAlpha(self.colors[i].CGColor)

1.0;}if

!hasAlpha;UIGraphicsImageRenderer

*renderer

imageWithActions:^(UIGraphicsImageRendererContext

_Nonnull

drawInContext:ref.CGContext];}];self.contents

(__bridge

_Nullable)(image.CGImage);self.contentsScale

image.scale;}

{UIGraphicsBeginImageContextWithOptions(self.bounds.size,

!hasAlpha,

UIGraphicsGetCurrentContext();[self

*image

UIGraphicsGetImageFromCurrentImageContext();self.contents

(__bridge

_Nullable)(image.CGImage);self.contentsScale

image.scale;UIGraphicsEndImageContext();}

}我项目中闪退的就是这个库出的问题当渐变的文本有内容时则展示是正常的但是当文本内容不存在时就会出现闪退这就很诡异。

4.3

UIGraphicsBeginImageContextWithOptions

react

/node_modules/react-native/Libraries/Image/RCTImageUtils.mreact-native-camerareact-native-view-shotreact-native-svg

文件包含地址

node_modules/react-native-svg/apple/RNSVGRenderable.mmreact-native-syan-image-picker

UIGraphicsBeginImageContextWithOptions

检查是否是有使用到同时验证显示正常与否。

如果显示有问题则可以去三方库对应的官方Github寻求解决方案或者自行替换。

五、参考地址

Apple官方提问https://developer.apple.com/forums/thread/733326

Apple官方提问https://developer.apple.com/forums/thread/731385

github

issuehttps://github.com/react-native-linear-gradient/react-native-linear-gradient/issues/637