Flutter 状态管理 Provider

状态管理必要性

Flutter基于声明式构建UI,原生则是命令式,状态管理是用于解决声明式开发带来的问题。

例:命令式的原生,数据更新需要拿到对应控件并更改其显示值;而声明式则需要更改数据值并通过setstate更新状态,重新构建组件

Flutter 中有这么一种说法: UI = f(state):

声明式的优势

  • 优势:

  • 无需繁琐地控制组件,只需聚焦于状态管理,负责状态—>UI的映射

  • 劣势:

  • 逻辑和页面UI耦合,导致无法复用/单元测试、修改混乱等:MVVM等架构解决

  • 跨页面访问数据

  • 控制页面刷新范围

provider工作原理

provider内部为DelegateWidget(委托组件)是一个StatefulWidget,可更新,具有生命周期,借助各种代理完成
状态共享使用InheritedProvider这个InheritedWidget实现
通过MultiProvider和Consumer封装,对组合与刷新颗粒度控制

provider工作流程:

设置到changeNotifierProvider的changeNotifier被执行addListener添加监听listener
listener内会调用StateDelegate的StateSetter方法,从而调用到StatefulWidget的setState
在changeNotifier执行notifyListeners时,最终触发setState更新

provider异同

  • ListenableProvider / ChangeNotifierProvider

ListenableProvider提供的对象是继承了Listenable抽象类的子类,只能通过继承来实现addListener/removeListener方法,手动管理收听者

changeNotifier实现了Listenable,而混入了changeNotifier的类自动实现了监听管理

ChangeNotifierProvider 和 ListenableProvider 究竟区别在哪呢,ChangeNotifierProvider 会在你需要的时候,自动调用其 _disposer 方法。

  • ValueListenableProvider,提供了继承/混入/实现了ValueListenable的model,专门用于只有一个单一变化数据的ChangeNotifier,通过ValueListenable处理的类不再需要数据更新时调用notifyListeners。

  • StreamProvider,专门提供一条Single Stream,提供了方法捕获异常、更新数据、构建流、构建流控制器等

状态同步

  • 获取顶层数据:flutter在每个element上维护一个InheritedWidget哈希表来向下传递element树中的信息,通常情况下,多个element引用相同的哈希表,并且该表仅在element引入新的InheritedWidget时改变, 时间复杂度为O(1)。
  • 通知刷新:listener模式,model中维护听众,并通过notifiedListener通知刷新,全局状态需放在顶层之上,优先初始化

数据初始化

  • 全局数据:main方法执行,保证只执行一次
  • 单页面数据:StatefulWidget中的InitState中不可执行Provider.of(context),当监听后,在notifyListeners的时候,会触发context所对应的State的[State.build]和[State.didChangeDependencies]方法,数据到来时又会触发下一次请求,无限请求下去。

解决页面和逻辑的耦合

思路:

  • 通过flutter树机制解决,如provider
  • 通过依赖注入,如Get

通过flutter树机制处理V—>P的获取

flutter三棵树:widget、element、render object

widget树是虚拟结构,只是描述组件嵌套关系,但element和renderObject在运行时实际存在。element组件中包含了_parent属性,存放其父节点element,而其又实现了buildContext接口,包含了对树结构操作的方法

原本应该是通过context.findAncestorStateOfType向上获取父组件的信息,在有了provider之后通过provider.of(context)向上获取顶层provider组件中的presenter对象

通过依赖注入解决V—>P的获取

摆脱context依赖,基于get借助一个全局单例的map存储对象,通过依赖注入的方式,实现对Presenter层的获取,使得可在任意类中获取到Presenter

map对应的key是runtimeType+tag,其中tag为可选参数,value对应object

get也可解决跨页面访问数据

避免setstate全局更新

观察者模式,局部更新

  • ValueNotifier、ValueListenableBuilder
  • ChangeNotifierProvider、ChangeNotifier、Consumer:从顶层ChangeNotifierProvider获取存储的ChangeNotifier,Consumer作为子组件获取对应数据

Get对应方式则是Get.put和GetBuilder,Get.put提前存储数据对象,为GetBuilder组件指定数据类型作为泛型,因为Get基于单例,所以GetBuilder可以直接通过泛型获取到存入的对象,在builder方法中暴露,使得组件和数据建立了监听关系,并在数据更新后只驱动将其作为泛型的GetBuilder组件更新

使用缺陷

  • provider的context层级过高,如provider传入的context是根层级的,而provider在element树中是根层级下面

解决:对应组件外嵌套一层builder,拿到该结点对应的context / provider作为根结点

  • Get全局单例
    Get全局单例默认以runtimeType为key进行对象存储,而不同详情页实例对应的是同一个class,key值一样,不添加tag参数,在Get.find时会获取到已经存储的对象,即数据混淆了。
    Get存储的对象也得回收,dipose时进行delete或者使用Get中提供的组件,如GetBuilder,会在dispose中释放

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

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

相关文章

sql高频面试题-连续完成两个指定动作的用户统计

用户行为分析 业务背景 某购物APP最近上线了一个新功能,用户签到后可以跳转到大转盘抽奖,抽奖获得的奖金可以抵消购物的费用,以此来培养用户使用app的习惯。 数据表介绍 现有一张用户行为表action_log,主要字段如下&#xff0c…

springboot mongodb 配置多数据源

我想要的效果是,一个类统一管理多数据源,我传个参数进去,它就能返回我对应的mongotemplate 但是根据"mongbodb 多数据源"的关键词,找不到我想要的效果。 网上大多都是明确知道自己是几个数据源,然后每个数…

Styletron: 面向组件的样式设计工具包

styletron官网: styletron的GitHub链接: styletron-react 一. 介绍 Styletron是一个通用的component-oriented(面向组件的)样式工具。它属于css-in-js类别。Styletron可以很好地与React配合使用,但也可以与其他框架或…

docker复现nginx错误配置漏洞

目录 一、nginx环境搭建 1.1搭建步骤 二、docker复现Nginx配置漏洞 2.1安装docker 2.2复现过程 2.1CRLF(carriage return/line feed)注入漏洞 2.2.目录穿越 一、nginx环境搭建 1.1搭建步骤 1.先创建Nginx的目录并进入(命令如下) mkdir /soft &&…

Android Framework底层原理之WMS的启动流程

一 概述 今天,我们介绍 WindowManagerService(后续简称 WMS)的启动流程,WMS 是 Android 系统中,负责窗口显示的的服务。在 Android 中它也起着承上启下的作用。 如下图,就是《深入理解 Android》书籍中的…

033_小驰私房菜_Qcom平台8系列-Dump Jpeg Jpeg Exif信息修改

全网最具价值的Android Camera开发系列资料~ 作者:8年Android Camera开发,从Camera app一直做到Hal和驱动~ 欢迎订阅,相信能扩展你的知识面,提升个人能力~ 平台:高通8系列 jpeg相关代码逻辑在camx/src/swl/jpeg/ 路径下 一、Dump Jpeg 有时我们想把hal这边拍照的jpe…

【C++】STL初识

1.STL的基本概念 2.vector存放内置数据类型 #include <iostream> using namespace std; #include <vector> #include <algorithm>void MyPrint(int val) {cout << val << endl; }void test01() {//创建vector容器对象&#xff0c;并且通过模板参…

Harbor企业镜像仓库部署(本地)

简述&#xff1a; Docker 官方镜像仓库是用于管理公共镜像的地方&#xff0c;大家可以在上面找到想要的镜像&#xff0c;也可以把自己的镜像推送上去。但是有时候服务器无法访问互联网&#xff0c;或者不希望将自己的镜像放到互联网上&#xff0c;那么就需要用到 Docker Regis…

越南的区块链和NFT市场调研

越南的区块链和NFT市场调研 基本介绍 https://zh.wikipedia.org/wiki/%E8%B6%8A%E5%8D%97 语言文字&#xff1a; 越南语&#xff0c; 文字以国语字&#xff08;越南罗马字&#xff09;为主&#xff0c;汉喃文&#xff08;汉字&#xff09; 货币&#xff1a;越南盾 人口(2022…

Leetcode-每日一题【剑指 Offer 15. 二进制中1的个数】

题目 编写一个函数&#xff0c;输入是一个无符号整数&#xff08;以二进制串的形式&#xff09;&#xff0c;返回其二进制表达式中数字位数为 1 的个数&#xff08;也被称为 汉明重量).&#xff09;。 提示&#xff1a; 请注意&#xff0c;在某些语言&#xff08;如 Java&…

如何安全地移动WSL 2 到另一个驱动器

当您拥有小型 SSD 并且适用于 Linux 的 Windows 子系统 (WSL) 的大小呈指数增长时&#xff0c;这真的很痛苦。没有简单的方法将 WSL 安装移动到另一个驱动器。在这篇博客中&#xff0c;我将讨论如何通过小步解决这个问题。 1.打开具有管理员访问权限的 PowerShell或命令提示符…

【Docker】Windows下docker环境搭建及解决使用非官方终端时的连接问题

目录 背景 Windows Docker 安装 安装docker toolbox cmder 解决cmder 连接失败问题 资料获取方法 背景 时常有容器方面的需求&#xff0c;经常构建调试导致测试环境有些混乱&#xff0c;所以想在本地构建一套环境&#xff0c;镜像调试稳定后再放到测试环境中。 Windows …

多线程与高并发--------线程池

线程池 一、什么是线程池 在开发中&#xff0c;为了提升效率的操作&#xff0c;我们需要将一些业务采用多线程的方式去执行。 比如有一个比较大的任务&#xff0c;可以将任务分成几块&#xff0c;分别交给几个线程去执行&#xff0c;最终做一个汇总就可以了。 比如做业务操…

Windows电脑快速搭建FTP服务教程

FTP介绍 FTP&#xff08;File Transfer Protocol&#xff09;是一种用于在计算机网络上进行文件传输的标准协议。它提供了一种可靠的、基于客户端-服务器模型的方式来将文件从一个主机传输到另一个主机。在本文中&#xff0c;我将详细介绍FTP的工作原理、数据传输模式以及常见…

数据结构【第4章】——栈与队列

队列是只允许在一端进行插入操作、而在另-端进行删除操作的线性表。 栈 栈与队列&#xff1a;栈是限定仅在表尾进行插入和删除操作的线性表。 我们把允许插入和删除的一端称为栈顶&#xff08;top&#xff09;&#xff0c;另一端称为栈底&#xff08;bottom&#xff09;&…

VBA技术资料MF42:VBA_从Excel中上面的单元格复制公式

【分享成果&#xff0c;随喜正能量】唯有梦想才配让你不安&#xff0c;唯有行动才能解除你的不安.绳锯木断&#xff0c;水滴石穿。也许你现在做的事情很小&#xff0c;只要你能日积月累的坚持下去&#xff0c;才会发现意义非凡。所谓的成功&#xff0c;便是别人失败的时候你还在…

微服务与Nacos概述-2

微服务间消息传递 微服务是一种软件开发架构&#xff0c;它将一个大型应用程序拆分为一系列小型、独立的服务。每个服务都可以独立开发、部署和扩展&#xff0c;并通过轻量级的通信机制进行交互。 应用开发 common模块中包含服务提供者和服务消费者共享的内容 provider模块是…

10-1_Qt 5.9 C++开发指南_Data Visualization实现数据三维显示

Data Visualization 是 Qt 提供的用于数据三维显示的模块。在 Qt 5.7 以前只有商业版才有此模块&#xff0c;而从Qt5.7 开始此模块在社区版本里也可以免费使用了。Data Visualization 用于数据的三维显示&#xff0c;包括三维柱状图、三维空间散点、三维曲面等。Data Visualiza…

鉴源实验室丨汽车网络安全攻击实例解析(二)

作者 | 田铮 上海控安可信软件创新研究院项目经理 来源 | 鉴源实验室 社群 | 添加微信号“TICPShanghai”加入“上海控安51fusa安全社区” 引言&#xff1a;汽车信息安全事件频发使得汽车行业安全态势愈发紧张。这些汽车网络安全攻击事件&#xff0c;轻则给企业产品发布及产品…

高效数据传输:轻松上手将Kafka实时数据接入CnosDB

本篇我们将主要介绍如何在 Ubuntu 22.04.2 LTS 环境下&#xff0c;实现一个KafkaTelegrafCnosDB 同步实时获取流数据并存储的方案。在本次操作中&#xff0c;CnosDB 版本是2.3.0&#xff0c;Kafka 版本是2.5.1&#xff0c;Telegraf 版本是1.27.1 随着越来越多的应用程序架构转…