react native iOS 升级 sdk 实践

最近做 iOS app submit 的时候报了一个警告,提示当前项目使用的 sdk 版本过低,4 月底后就不能再提交了,除非对它进行升级。目前项目构筑使用的 xcode 版本是 14.2,查询 developer.apple.com/cn/support/... 可以得知 14.2 对应的是 iOS 16.2 ,而 5 月开始最低的版本都已经要 17.0 以上了,因此着手准备升级工作。

改 xcode 版本

我司使用的是 microsoft app center,上面可以配置 xcode 的版本以及证书等信息。首先当然是改 xcode 的版本,如果能一次 build 成功的话,我们也就不必辛苦的搭建本地环境去构建了,我把 xcode 的版本升到了 15.2,然后发现失败了,于是开始本地调试

找到并改正问题

调试过程中我发现问题只要出现在 GoogleDataTransport 和 yoga 这两个 lib 上

GoogleDataTransport 报错的地方不少,但问题都一样,都是 A function declaration without a prototype is deprecated in all versions of C

以下展示下报错的一处地方

m 复制代码
GDTCORNetworkType GDTCORNetworkTypeMessage() {

#if !TARGET_OS_WATCH

  SCNetworkReachabilityFlags reachabilityFlags = [GDTCORReachability currentFlags];

  **if** ((reachabilityFlags & kSCNetworkReachabilityFlagsReachable) ==

      kSCNetworkReachabilityFlagsReachable) {

    **if** (GDTCORReachabilityFlagsContainWWAN(reachabilityFlags)) {

      **return** GDTCORNetworkTypeMobile;

    } **else** {

      **return** GDTCORNetworkTypeWIFI;

    }

  }

#endif

  **return** GDTCORNetworkTypeUNKNOWN;

}

改动也很简单,在入参处加个 void 即可,即 GDTCORNetworkType GDTCORNetworkTypeMessage(void)


yoga 报的问题是 Use of bitwise '|' with boolean operands

C++ 复制代码
node->setLayoutHadOverflow(

        node->getLayout().hadOverflow() |

        currentRelativeChild->getLayout().hadOverflow());

改动同样简单,| 改成 || 即可,即 node->getLayout().hadOverflow() ||

以上问题全部改完后,项目确实能跑起来了

应用在 micorsoft app center 等类似的分发工具上

上面的改动都是对 Pods 文件夹下源码的改动,很显然,在大多数公司的工作流程中,直接改动生成的源码然后去构建是不现实的,比如我司使用的 app center 上,开发人员提交代码到特定分支上,然后 app center 会自动执行 pod install 命令,这样的话,问题仍没有解决。因此,针对 GoogleDataTransport 和 yoga,我使用了不同的解决策略

关于 GoogleDataTransport 的报错,其实是 CLANG_WARN_STRICT_PROTOTYPES 为 YES 的原因,可以在 Podfile 中把该配置改成 NO

Podfile 复制代码
     installer.pods_project.targets.each do |target|
       if target.name.start_with? "GoogleDataTransport"
         target.build_configurations.each do |config|
           config.build_settings['CLANG_WARN_STRICT_PROTOTYPES'] = 'NO'
         end
       end
     end

Yoga 我目前使用的 1.14.0 版本,github 有 issue 提到 1.19.0 版本解决了这个问题,但由于 yoga 是绑定在 RN 下的,如果升级 yoga ,就需要升级 RN,代价太大 退而求其次,我将 yoga 的内容从 node_modules 搬到了 ios 文件夹下,然后把 | 改成 ||

Podfile 复制代码
  # pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga', :modular_headers => true
  pod 'Yoga', :path => './yoga', :modular_headers => true

以上的都提交到了 git 上后,app center 终于能成功出 build 了,下载下来后也不出现闪退等问题,改动成功

总结

作为一个 iOS 小白,能靠自己成功的解决升级 sdk 的问题,还是成就感满满的。虽然解决的方式有点像破屋子打补丁,如果有更好的解决方式,请不吝指教。

相关推荐
xiaoqi92224 分钟前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
qq_177767371 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin1233222 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931703 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_920931704 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
2501_921930834 小时前
高级进阶 React Native 鸿蒙跨平台开发:InteractionManager 交互优化
react native·harmonyos
摘星编程6 小时前
OpenHarmony + RN:Stack堆栈导航转场
react native·react.js·harmonyos
摘星编程6 小时前
OpenHarmony环境下React Native:Tooltip自动定位
javascript·react native·react.js
pop_xiaoli8 小时前
OC-实现下载单例类
ios·objective-c·cocoa·xcode
森之鸟8 小时前
鸿蒙CoreSpeechKit语音识别实战:让APP“听懂”用户说话
语音识别·xcode·harmonyos