flutter开发小技巧

Uri对象的使用

直接使用字符串来拼接 URI 地址需要关注地址中拼接的每个部分的合法性,并且在处理复杂逻辑时需要更冗长的处理,如果变量包含非法字符(如中文),整个地址非法。

如:在路由跳转中使用

方式一:使用Uri对象(推荐)
Uri address = Uri(path: path, queryParameters: queryParameters);
NavigatorUtils.push(context, address.toString());方式二:参数处理,不推荐
NavigatorUtils.push(context,'${Routes.webViewPage}?title=${Uri.encodeFull(title)}&url=${Uri.encodeComponent(url)}');

类型转换

建议使用 is 而不是 as 来进行类型转换。 is 运算符允许更安全地进行类型检查,如果转换失败,也不会抛出异常。as 进行类型失败会抛出异常。如:

  if (animal is Bird) {animal.fly();} else {print('转换失败');}(animal as Animal).eat('meat'); // 强制类型转换一旦失败就会抛异常

ChangeNotifier 使用

1.ChangeNotifier 的属性访问或方法调用:

ChangeNotifier 及其子类在 dispose 之后将不可使用,dispose 后访问其属性(hasListener)或方法(notifyListeners)时均不合法,在 dispose 后访问属性或调用方法通常出现在异步调用的场景下,由其是在网络请求之后刷新界面。典型场景如下:

class PageNotifier extends ChangeNotifier { dynamic pageData;Future<voud> beginRefresh() async {final response = await API.getPageContent();if (!response.success) return;pageData = response.data;// 接口返回之后此实例可能被 dispose,从而导致异常notifyListeners();}
}

解决:

// 统一定义如下 mixin
mixin Disposed on ChangeNotifier {bool _disposed = false;bool get hasListeners {if (_disposed) return false;return super.hasListeners;}@overridevoid notifyListeners() {if (_disposed) return;super.notifyListeners();}@overridevoid dispose() {_disposed = true;super.dispose();}
}// 在必要的 ChangeNotifier 子类混入 Disposed
class PageNotifier extends ChangeNotifier with Disposed { Future<voud> beginRefresh() async {final response = await API.getPageContent();if (!response.success) return;pageData = response.data;// 异步调用不会异常notifyListeners(); }}

2.ChangeNotifier 禁止实例复用:

单个 ChangeNotifier 实例在多个独立的组件或页面中使用会造成潜在的问题:复用的实例一旦在某个组件中被意外 dispose 之后就无法使用,从而影响其它组件展示逻辑并且这种影响是全局的

@override
void initState() {super.initState();// 添加监听ShoppingCart.instance.addListener(_update);
}@override
void dispose() {// 正确移除监听ShoppingCart.instance.removeListener(_update);// 在组件中这样移除监听,将产生致命影响// ShoppingCart.instance.dispose();super.dispose();
}

解决:因此在 Flutter 开发中应禁止 ChangeNotifier 实例对外跨组件直接复用,如需跨组件复用应借助providerget_it 等框架将 ChangeNotifer 子类实例对象置于顶层;

void main() {runApp(MultiProvider(providers: [Provider<Something>.value(ShoppingCart.instance),],child: const MyApp(),));
}

如果你非得要 「「单例化」」 自定义 ChangeNotifier 子类实例,记得一定要重新 dispose 函数。

Controller 使用

在 Flutter 中大多数 Controller 都直接或间接继承自 ChangeNotifier。为使代码逻辑更加严谨,增强整个代码的健状性,建议:所有 Controller 需要显式调用 dispose 方法,所有自定义 Controller 需要重写或者添加 dispose 方法。

// ScrollController 源码
class ScrollController extends ChangeNotifier {
//...
}// 自定义 Controller 需要添加 dispose 方法
class MyScrollController {ScrollController scroll = ScrollController();// 添加 dispose 方法void dispose() {scroll.dispose();}
}

避免资源释放遗忘

在 Flutter 中有很多需要主动进行资源释放的类型,包含但不限于:TimerStreamSubscriptionScrollControllerTextEditingController等,另外很多第三方库存在需要进行资源释放的类型。

如此多的资源释放类型管理起来是非常麻烦的,一旦忘记某个类型的释放很会造成整个页面的内存泄漏。而资源的创建一般都位于 initState 内,资源释放都位于 dispose 内。

「为了减小忘记资源释放的可能性,dispose 应为 State 内的第一个函数并尽可能的将 initsate 紧跟在 dispose 后」

示例:

final _controller = TextEditingController();
late Timer _timer;// 属性后第一个函数应为 dispose
void dispose() {_controller.dispose();_timer.cancell();super.dispose();
}
// 中间不要插入其它函数,紧跟着写 initState
void initState() {super.initState();_timer = Timer(...);
}

创建一个通用的mixin来处理

// 创建下面的 Mixin
mixin AutomaticDisposeMixin<T extends StatefulWidget> on State<T> {Set<VoidCallback> _disposeSet = Set<VoidCallback>();void autoDispose(VoidCallback callabck) {_disposeSet.add(callabck);}void dispose() {_disposeSet.forEach((f) => f());_disposeSet.removeAll();super.dispose();}
}

1.局部变量场景下使用:

//使用前处理方式
late CancelToken _token;Future<void> _refreshPage() async {// _token 只在页面刷新的函数中使用,却不得不加一个变量来引用它_token = CancelToken();Dio dio = Dio();Response response = await dio.get(url, cancelToken: _token);int code = response.statusCode;// ...
}void dispose() {super.dispose();_token.cancel();
}
//使用后处理方式
class _PageState extends State<Page> with AutomaticDisposeMixin {Future<void> _refreshPage() async {final token = CancelToken();// 添加到自动释放队列autoDispose(() => token.cancel());Dio dio = Dio();Response response = await dio.get(url, cancelToken: token);int code = response.statusCode;// ...}
}

2.在 initState 内进行资源声明的同时进行资源释放,这种写法相对来讲更加直观,更不易遗漏资源释放

final _controller = TextEditingController();void initState() {super.initState();_timer = Timer(...);autoDispose(() => _timer.cancel());autoDispose(() => _controller.dispose());
}

State 中存在异步刷新

1.如下单独处理方式

Future<void> _refreshPage() async {// 异步可能是接口、文件读取、状态获取等final response = await API.getPageDetaile();if (!response.success) return;// 当前 Widget 存在于渲染树中才刷新if (!mounted) return; setState((){_data = response.data;});
}

2.统一处理方式

// 统一定义如下 mixin
mixin Stateable<T extends StatefulWidget> on State<T> {@overridevoid setState(VoidCallback fn) {if (!mounted) return;super.setState(fn);}
}// 在存在异步刷新的 State 中 with 如上 mixin
class SomPageState extends State<SomePageWidget> with Stateable { //...
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/51341.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

clickhouse-neighbor 坑爹的排序

对于排序规则明显的数据集&#xff0c;使用neighbor来做分析&#xff0c;是一个非常强大的函数&#xff0c;能完成很多复杂的计算&#xff0c;例如高速公路分析车辆流量。 高速公路截面流量一般是通过路面上的门架采集设备采集通行卡的信息和识别牌照组成&#xff0c;在路面行驶…

Linux云计算 |【第二阶段】SECURITY-DAY3

主要内容&#xff1a; Prometheus监控服务器、Prometheus被监控端、Grafana监控可视化 补充&#xff1a;Zabbix监控软件不自带LNMP和DB数据库&#xff0c;需要自行手动安装配置&#xff1b;Prometheus监控软件自带WEB页面和DB数据库&#xff1b;Prometheus数据库为时序数据库&…

05:极限-无穷小

1.无穷小的概念及比较 定义&#xff1a; lim ⁡ x → x 0 f ( x ) 0 , 则称 f ( x ) 是 x x 0 时的无穷小 定义&#xff1a; \lim_{x \to x_0} f(x) 0,则称f(x)是xx_0时的无穷小 定义&#xff1a;x→x0​lim​f(x)0,则称f(x)是xx0​时的无穷小 性质Value①有限个无穷小相加还…

java 使用 aws s3 sdk 实现视频文件的分段下载来实现html 页面 video 的断点播放、拖动进度播放

参考博客&#xff1a; 1. Java 视频流分段返回 1. java 拉取 aws s3 视频流返回给浏览器&#xff1a; Overridepublic void playVideo(Long fileLength,String key,HttpServletRequest request,HttpServletResponse response) {OutputStream outputStream null;S3ObjectInputS…

JVM 运行时内存结构简介

JVM 运行时内存结构简介 一、前言二、JVM 运行时内存结构2.1 线程隔离数据区&#xff1a;2.2 线程共享数据区&#xff1a; 三、JVM 内存区域划分1. 程序计数器&#xff08;PC&#xff09;2. 虚拟机栈3. 本地方法栈4. Java 堆5. 方法区6. 运行时常量池 附录 一、前言 JVM&#…

【C#】【EXCEL】Bumblebee/Classes/ExColumn.cs

文章目录 Bumblebee/Classes/ExColumn.csFlow diagramDescriptionCode Bumblebee/Classes/ExColumn.cs Flow diagram #mermaid-svg-6WUm4r0wDJG9uelI {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-6WUm4r0wDJG9ue…

手撕C++类和对象(中)

1.类的默认成员函数 默认成员函数就是⽤⼾没有显式实现&#xff0c;编译器会⾃动⽣成的成员函数称为默认成员函数。⼀个类&#xff0c;我 们不写的情况下编译器会默认⽣成以下6个默认成员函数&#xff0c;需要注意的是这6个中最重要的是前4个&#xff0c;最 后两个取地址重载不…

Linux 内核源码分析---IPv6 数据包

IPv6是英文“Internet Protocol Version 6”&#xff08;互联网协议第6版&#xff09;的缩写&#xff0c;是互联网工程任务组&#xff08;IETF&#xff09;设计的用于替代IPv4的下一代IP协议&#xff0c;其地址数量号称可以为全世界的每一粒沙子编上一个地址。 由于IPv4最大的…

ES6 -- 总结 03

Es6的模块化 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title> </head>…

鸿蒙Harmony开发——设备发烫问题分析

&#xff1b; 本文字数&#xff1a;4207字 预计阅读时间&#xff1a;25分钟 设备过热问题是影响用户体验和设备性能的重要因素。过热不仅会导致性能下降&#xff0c;还可能损坏硬件。因此&#xff0c;开发者需要及时发现、分析并解决这一问题。本文将首先介绍评估设备过热的关键…

文心快码(Baidu Comate)初体验

文心快码&#xff08;Baidu Comate&#xff09;初体验 1文心快码简介和安装&#xff1a;简要介绍文心快码&#xff08;Baidu Comate&#xff09;、安装方法、使用方法等&#xff1b; Baidu Comate 是由百度自主研发&#xff0c;基于文心大模型&#xff0c;结合百度丰富的编程现…

C/C++逆向:寻找main函数(Debug-x86)

在程序的逆向分析中&#xff0c;寻找main函数在逆向分析中是非常重要的&#xff0c;它是程序的核心执行点&#xff0c;从这里开始&#xff0c;程序的主要逻辑开始展开&#xff1b;在这边我们需要明确两个概念&#xff1a;用户入口&#xff08;User Entry Point&#xff09; 和 …

(十二)Flink Table API

目录 Table API 案例 Table API 连接操作 Table API 是批处理和流处理的统一的关系型 API。Table API 的查询不需要修改代码就可以采用批输入或流输入来运行。Table API 是 SQL 语言的超集,并且是针对 Apache Flink 专门设计的。Table API 集成了 Scala,Java 和 Python 语言…

WIN 10 添加右键菜单(VSCode 打开当前目录)

WIN 10 添加右键菜单&#xff08;VSCode 打开当前目录&#xff09; 前言最终效果操作步骤 前言 每次打开代码都需要先打开 VSCode&#xff0c;再选择最近打开的项目或者浏览打开项目&#xff0c;感觉比较难找。所以自己添加了右键命令。 最终效果 操作步骤 cmd 打开注册表 找…

【Linux 从基础到进阶】Ceph分布式存储系统搭建

Ceph分布式存储系统搭建 引言 随着数据量的爆炸式增长,传统的存储解决方案逐渐暴露出扩展性差、成本高、管理复杂等问题。Ceph是一种高性能、可扩展的开源分布式存储系统,能够为对象存储、块存储和文件系统提供统一的存储平台。它基于无中心的架构设计,具有高可用性、可靠…

PyTorch 基础学习(13)- 混合精度训练

系列文章&#xff1a; 《PyTorch 基础学习》文章索引 基本概念 混合精度训练是深度学习中一种优化技术&#xff0c;旨在通过结合高精度&#xff08;torch.float32&#xff09;和低精度&#xff08;如 torch.float16 或 torch.bfloat16&#xff09;数据类型的优势&#xff0c;…

【Python】自然语言处理(NLP)技术简介

紧紧握着 青花信物 信守着承诺 离别总在 失意中度过 记忆油膏 反复涂抹 无法愈合的伤口 你的回头 划伤了沉默 &#x1f3b5; 周传雄《青花》 自然语言处理&#xff08;NLP&#xff09;技术是一种使计算机能够理解和处理人类自然语言的技术。以下是一些NLP…

appium学习记录

免责声明 本文内容仅供参考&#xff0c;将appuim与爬虫技术相结合可能违反某些app的使用条款和法律法规。作者不对因此产生的法律问题或技术风险负责。建议读者在进行爬取操作前&#xff0c;充分了解相关法律法规并确保合规。 1、初识appium 背景&#xff1a;部分APP需要反编译…

C#用户控件usercontrol中的子控件事件及属性的传递

也不知道这个标题怎么写&#xff0c;但是问题是个老问题&#xff0c;大家都可能遇到过&#xff0c;不过有同学问到&#xff0c;那就写出来。其实很简单。只不过有的同学看了其他博文后脑子还是懵懵的。所以这里就分两部分来说明一下。 文章目录 一、属性的传递1、原理2、步骤3…

tensorflow新建op (cpp)

为什么使用cpp新建op 一些操作表示成现有操作的组合不好实现或者无法实现。已有操作的组合效率不高。想要自定义一些基本操作的组合&#xff0c;因为未来编译器做这种融合可能会比较困难。 如何使用cpp新建op 注册op&#xff0c;注册op会定义一个接口&#xff08;规范&#…