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

相关推荐
paopaokaka_luck14 分钟前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
君鼎3 小时前
安全逆向工程学习路线
安全·逆向·网安
Ares-Wang4 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
清 晨4 小时前
剖析 Web3 与传统网络模型的安全框架
网络·安全·web3·facebook·tiktok·instagram·clonbrowser
SY_FC5 小时前
uniapp input 聚焦时键盘弹起滚动到对应的部分
javascript·vue.js·elementui
渣渣盟6 小时前
JavaScript核心概念全解析
开发语言·javascript·es6
jonyleek6 小时前
如何搭建一套安全的,企业级本地AI专属知识库系统?从安装系统到构建知识体系,全流程!
人工智能·安全
Carlos_sam7 小时前
OpenLayers:ol-wind之渲染风场图全解析
前端·javascript
拾光拾趣录7 小时前
闭包:从“变量怎么还没死”到写出真正健壮的模块
前端·javascript
还是奇怪7 小时前
深入解析三大Web安全威胁:文件上传漏洞、SQL注入漏洞与WebShell
sql·安全·web安全