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 的问题,还是成就感满满的。虽然解决的方式有点像破屋子打补丁,如果有更好的解决方式,请不吝指教。

相关推荐
我是前端小学生6 小时前
React Native 中的 View 组件:全面解析
react native
/**书香门第*/7 小时前
Laya ios接入goole广告,搭建环境 1
ios
wakangda13 小时前
React Native 集成 iOS 原生功能
react native·ios·cocoa
SuperHeroWu713 小时前
【HarmonyOS】HarmonyOS和React Native混合开发 (一)之环境安装
react native·harmonyos·鸿蒙·开发环境·环境安装·rn·混合开发
wakangda14 小时前
React Native 集成原生Android功能
javascript·react native·react.js
crasowas1 天前
iOS - 超好用的隐私清单修复脚本(持续更新)
ios·app store
ii_best1 天前
ios按键精灵脚本开发:ios悬浮窗命令
ios
Code&Ocean2 天前
iOS从Matter的设备认证证书中获取VID和PID
ios·matter·chip
/**书香门第*/2 天前
Laya ios接入goole广告,开始接入 2
ios
恋猫de小郭2 天前
什么?Flutter 可能会被 SwiftUI/ArkUI 化?全新的 Flutter Roadmap
flutter·ios·swiftui