flutter项目迁移空安全

  1. 重中之重
    备份好项目文件,甚至连已经加载好的flutter库也可以备份。
  2. 环境包升级
    2.1
    不要直接换成flutter:3.0以上的版本,这样做既有基本的库兼容问题,又有空安全下的语法问题(整个项目中需要增加 late、?、!的语法错误,一片报错的红海/(ㄒoㄒ)/ )
    2.2
    将环境包升级到flutter:2.10.5,它是flutter:3.x前的最后一个版本。
    Flutter SDK下载地址:https://docs.flutter.dev/install/archive#windows
    pubspec.yaml 中配置dart sdk版本限制:sdk: '>=2.10.0 <3.0.0'(不能直接配置>=2.12.0,2.12.0以上强制使用空安全语法)

environment:

sdk: '>=2.10.0 < 3.0.0'

  1. 解决由于更换环境后出现的库版本不兼容问题

    3.1

    手动修改太麻烦时,可以运行命令行:dart fix --apply。它能自动修复Dart代码过时的方法调用、格式问题、或可被自动修正的小错误,但并不是全部。

  2. 进行空安全迁移前的准备 (项目已经在flutter:2.10.5环境顺利运行)

    4.1

    检查项目中依赖库是否支持空安全。运行命令:

dart pub outdated --mode=null-safety

未全部支持空安全会打印出哪些库未支持,

第三列绿色是足够支持空安全的版本,

第四列绿色是库当前的最新版本它的环境可能是3.x。

将对应库版本改为足够支持空安全的版本就好。(不用命令行dart pub upgrade为了避免升级到最新版本)

4.2

修复更改版本后的库调用问题(dart fix --apply可以用起来),保证项目能正常运行起来。

4.3

再次运行dart pub outdated --mode=null-safety检查,此时项目已经完全支持空安全了

  1. 开始空安全迁移
    5.1
    当第三方库不能完全支持空安全时有命令行(这样的操作常常会不完整或是迁移失败)

dart migrate --skip-import-check //跳过依赖的三方库是否支持空安全

--skip-import-check --ignore-exceptions //跳过依赖的三方库是否支持空安全且忽略异常情况

所以项目完全支持空安全的情况下应该直接迁移,运行命令:

dart migrate

顺利执行命令后会打印提供的迁移工具链接,在浏览器中打开。

点击按钮APPLY MIGRATION 应用迁移到项目中,等待迁移执行完成(对于文件太多的项目手动迁移不可取)

当执行完成后,在Android Studiio代码被自动更改。打开pubspec.yaml会看到SDK版本限制被改为了>=2.12.0

environment:

sdk: '>=2.12.0 < 3.0.0'

5.2

但项目中会有迁移工具无法修复的报错。

一般都是空条件判断的报错,一条条修复。(比起整个项目都报红好太多!)

报错代码示例:

dart 复制代码
int? _goodsQuantity;
if(condition == 1){
	_goodsQuantity += 1; //这句会报错
	_goodsQuantity  = (_goodsQuantity ?? 0) + 1; //改成这样
}

当所有报错解决项目能正常运行起来了,空安全迁移就完成了。

6.页面报错的修复

虽然空安全语法正确了项目跑起来了,但是在数据处理上不可避免的会出现逻辑上的空判断冲突,此时有问题的页面就会报错。

需要把各个页面点一点,耐心的走一遍整个app,修复这些bug。

一般是类型不匹配报错,示例:

type '() => Null' is not a subtype of type '(() => Future)?' in type cast

type 'String' is not a subtype of type 'String?' in type cast

解决空安全后,再去升级flutter3.x版本会更方便。

相关推荐
2601_949809594 分钟前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
Up九五小庞15 分钟前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
24zhgjx-lxq32 分钟前
华为ensp:MSTP
网络·安全·华为·hcip·ensp
2601_9498683634 分钟前
Flutter for OpenHarmony 电子合同签署App实战 - 已签合同实现
java·开发语言·flutter
摘星编程39 分钟前
React Native + OpenHarmony:UniversalLink通用链接
javascript·react native·react.js
qq_177767371 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos
烬头88211 小时前
React Native鸿蒙跨平台应用实现了onCategoryPress等核心函数,用于处理用户交互和状态更新,通过计算已支出和剩余预算
前端·javascript·react native·react.js·ecmascript·交互·harmonyos
code_li1 小时前
“信息安全”与“网络安全”区别
安全·网络安全·信息安全
一起养小猫1 小时前
Flutter for OpenHarmony 实战:别踩白方块游戏完整开发指南
flutter·游戏
交通上的硅基思维2 小时前
人工智能安全:风险、机制与治理框架研究
人工智能·安全·百度