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版本会更方便。

相关推荐
To_OC3 小时前
LC 131 分割回文串:刚学回溯时,我连怎么切字符串都想不明白
javascript·算法·leetcode
To_OC5 小时前
LC 42 接雨水:暴力超时卡半天?前后缀数组一用就通了
javascript·算法·leetcode
GitLqr5 小时前
玩转 WebSocket:从原理到 Flutter 实战
websocket·网络协议·flutter
小林ixn5 小时前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
天天进步20155 小时前
UI-TARS 源码解析 #10:parse_action 源码解析:如何用 AST 安全解析模型生成的函数调用?
安全·ui
世人万千丶6 小时前
参数管理_Flutter在鸿蒙平台路由参数最佳实践
学习·flutter·华为·harmonyos·鸿蒙
এ慕ོ冬℘゜6 小时前
前端实战:jQuery 多条件联合搜索(标题模糊查询 + 日历时间段筛选)
前端·javascript·jquery
随心点儿6 小时前
js postMessage 实现跨域发送消息-应用示例
javascript·ecmascript·postmessage
大耳朵-小飞象7 小时前
电力安全运维的智能密码:BACS如何破解设备全生命周期管理难题,让电网安全“看得见、管得住”?
运维·安全·智慧城市·能耗系统·楼宇智控·未来生活
kyriewen8 小时前
我让AI改一个bug——它偷偷动了5个我没让它碰的地方
前端·javascript·ai编程