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

相关推荐
用户9623779544810 小时前
DVWA 靶场实验报告 (High Level)
安全
火柴就是我10 小时前
让我们实现一个更好看的内部阴影按钮
android·flutter
炫饭第一名10 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫10 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
进击的尘埃12 小时前
Vue3 响应式原理:从 Proxy 到依赖收集,手撸一个迷你 reactivity
javascript
willow12 小时前
JavaScript数据类型整理1
javascript
LeeYaMaster12 小时前
20个例子掌握RxJS——第十一章实现 WebSocket 消息节流
javascript·angular.js
UIUV13 小时前
RAG技术学习笔记(含实操解析)
javascript·langchain·llm
数据智能老司机13 小时前
用于进攻性网络安全的智能体 AI——在 n8n 中构建你的第一个 AI 工作流
人工智能·安全·agent
数据智能老司机13 小时前
用于进攻性网络安全的智能体 AI——智能体 AI 入门
人工智能·安全·agent