第二百一十三回

文章目录

  • 概念介绍
  • 实现方法
  • 示例代码
  • 经验总结

我们在上一章回中介绍了组件之间共享数据相关的内容,本章回中将介绍全局共享数据.闲话休提,让我们一起Talk Flutter吧。

概念介绍

我们在上一章回中介绍了使用InheritedWidget组件共享数据的方法,不过这种共享只限于父组件与子组件之间。本章回中将介绍一种全局共享数据的方式,这里说的
全局是指在任意组件之间。我们需要借助provider包实现全局数据共享功能,本章回中将详细介绍这方面的内容。此外,这种共享数据的方式也叫状态管理,因为在
Flutter中更新数据都是通过更新状态实现的,类似StatefulWidget组件中的通过setState()方法更新组件状态。

实现方法

我们首先介绍provider包,明白包中的内容后再介绍实现共享数据的方法,provider包提供了相关的类来实现数据共享功能,主要包含5个类,下面是它们的详细功能:

  • ChangeNotifier类:主要用来实现数据共享类,它的核心功能是提供notifyListeners()方法来通知其它组件更新数据;
  • ChangeNotifierProvider类:主要用来把数据共享类和监听数据变化的组件关联起来;
  • Provider类:主要用来获取共享数据,主要通过它的of()方法来获取数据共享类的实例;
  • Consumer类:主要用来获取共享数据,自带builder和child属性,通过builder属性获取数据共享类的实例;
  • Selector类:主要用来获取共享数据,自带builder,selector和child属性,通过builder属性获取数据共享类的实例;
    这些相互协作来实现数据共享功能,它的运行过程为:ChangeNotifier类提供共享数据,并且发出数据变化的通知,ChangeNotifierProvider类把数据更新的通
    知发给监听共享数据的组件,Provider,Consumer,Selector这三个类监听到数据变化的通知后从共享数据中获取数据。明白provider包的运行过程后,我们将介
    绍具体的实现方法:
  1. 在yaml文件中导入provider包,并且从网上获取包到本地项目中;
  2. 创建数据共享类,需要继承ChangeNotifier类,使用类中的notifyListeners()方法通知数据有更新;
  3. 使用ChangeNotifierProvider组件把数据共享类和监听数据变化的组件关联起来。该类有两个属性:
  • create:用来绑定ChangeNotifier类型对象,也就是数据共享类
  • child:用来指定哪些widegt可以接收到数据更新的通知;
  1. 获取更新后的数据,有三种方法:Provier,Consumer,Selector,我们在后面章回中介绍;

示例代码

///创建数据共享类,需要继承ChangeNotifier类,使用类中的notifyListeners()方法通知:数据有更新
class ViewModel extends ChangeNotifier {late String _data;ViewModel() {_data = 'init data';}String get getData {print('data is gotten at getter');return _data;}set setData(String value) {print('data is changed to \'$value\'at setter');_data = value;///当数据更新时通知更新UInotifyListeners();}
}///在整个应用的顶层设置Notifier,///在整个应用的任何位置都可以使用viewModel中共享的数据runApp(ChangeNotifierProvider(create:(context) => ViewModel(),child: const FlutterCookbookApp(),));

上面的代码中演示了数据共享类的实现和ChangeNotifierProvier类的实现,这里需要注意的是ChangeNotifierProvier类的实现,通常会把顶层的widget赋值
给该类的child属性,也就是把数据共享类和顶层的Widget绑定在一起,Flutter中的Widget是以树的形式进行管理,顶级widget相当于树根,如果把树根和数据共
享类绑定到一起,那么整棵树上任意的widget都可以获取共享数据。鉴于这个原理,我们通常把根widget和数据共享类绑定到一起,比如示例代码中就把整个项目的根
widget和数据共享类绑定到了一起,我们可以在项目中的任意Widget里获取共享数据。

经验总结

provider包的内容比较抽象不好理解,因此我们对本章回的内容总结如下,以方便大家快速入门provider包相关的知识:

  1. 创建数据共享类,并且在数据更新时通知监听器;
  2. 把数据共享类和顶层Widget通过ChangeNotificator关联起来;
  3. 在应用其它地方获取共享数据 ,获取的方式有三种:Provide, Consumer和Selector;
    下是我在项目中总结的一些经验,在此分享给大家:
    provide包背后的设计思路使用了观察者模式,我们可以把数据共享类当作被观察者,获取数据的类当作观察者,二者通过ChangeNotificator关联在了一起。这是我
    自己在使用过程中总结出的经验,使用这种类比的方式给大家介绍后是不是更加容易理解呢?
    provider包在源代码中也是使用了InheritedWidget组件来实现数据共享,只是它给开发都提供了好用的接口,让开发者以更加方便的方法实现数据共享功能。除了该
    包外还有其它的包可以实现数据共享的功能,比如rxDart,Redux,bloc,阿里的fish-redux等。大家可以到Flutter的包仓库中查看这些包的使用方法,不过我还
    是推荐provider包,毕竟这是官方文档中推荐使用的包,而且是flutter社区在维护,这给包在后续的维护和更新方面提供了保证。
    看官们,关于"全局共享数据概述"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!

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

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

相关文章

Redis设计与实现之Lua 脚本

目录 一、 Lua 脚本 1、初始化 Lua 环境 2、脚本的安全性 3、脚本的执行 4、 EVAL 命令的实现 定义 Lua 函数 执行 Lua 函数 5、 EVALSHA 命令的实现 二、 小结 一、 Lua 脚本 Lua 脚本功能是 Reids 2.6 版本的最大亮点,通过内嵌对 Lua 环境的支持&#xf…

Mysql之约束上篇

Mysql之约束上篇 约束的概述为什么需要约束什么是约束约束的分类 非空约束作用关键字特点添加非空约束删除非空约束 唯一性约束关键字特点添加唯一约束关于复合唯一约束删除唯一约束查看索引 主键约束(非空唯一性约束)作用关键字特点添加主键约束关于复合主键删除主 约束的概述…

探索拉普拉斯算子:计算机视觉中用于边缘检测和图像分析的关键工具

一、介绍 拉普拉斯算子是 n 维欧几里得空间中的二阶微分算子,表示为 ∇。它是函数梯度的发散度。在图像处理的上下文中,该运算符应用于图像的强度函数,可以将其视为每个像素具有强度值的二维信号。拉普拉斯算子是计算机视觉领域的关键工具&am…

了解 SBOM (软件物料清单)

近年来,开源软件在开发中的采用激增,目前已占已构建软件的高达 90%。它在全球公司中的受欢迎程度源于成本节约和产品上市时间的加快。然而,在集成开源软件组件时,有一个关键的方面需要考虑。 Synopsys 报告84% 的商业和专有代码库…

Qt-QTransform介绍与使用

QTransform是一个用于二维坐标系转换的类。我们知道Qt的坐标系是左上角为原点,x轴向右,y轴向下,屏幕上每个像素代表一个单位,那么,如果我们想要在屏幕上建立自己的坐标系用于绘制,就需要借助QTransform。 …

Guitar Pro8.1最新2024中文免激活版下载(附教程)

Guitar Pro 8是一款功能强大的指法阅读器和编辑器,它允许您编辑吉他、贝斯和尤克里里的乐谱和指法谱,并为鼓或钢琴创建背景音轨。轻松创建、播放和共享您的标签!快速的进行乐谱播放并进行练习,也可以进行编辑操作,允许…

Gumbel 重参数化相关性质证明

Gumbel 的采样过程: z a r g m a x i { g i l o g ( π i ) } , g i − l o g ( − l o g ( u i ) ) , u i ∼ U ( 0 , 1 ) zargmax_i \{g_i log(\pi_i)\}, g_i -log(-log(u_i)),u_i\sim U(0, 1) zargmaxi​{gi​log(πi​)},gi​−log(−log(ui​)),ui​∼U(0…

机器学习---推荐系统案例(一)

一、推荐系统-数据处理流程 推荐系统数据处理首先是将Hive中的用户app历史下载表与app浏览信息表按照设备id进行关联,然后将关联数据使用python文件进行处理,将数据预处理为label和feature两列的临时数据,后期经过处理转换成逻辑回归 模型的…

【经典LeetCode算法题目专栏分类】【第5期】贪心算法:分发饼干、跳跃游戏、模拟行走机器人

《博主简介》 小伙伴们好,我是阿旭。专注于人工智能AI、python、计算机视觉相关分享研究。 ✌更多学习资源,可关注公-仲-hao:【阿旭算法与机器学习】,共同学习交流~ 👍感谢小伙伴们点赞、关注! 分发饼干 class Solutio…

【Qt之Quick模块】1. 概述及Quick应用程序创建流程

概述 Qt的Quick模块是用于创建现代化、动态和响应式用户界面的工具集。它是基于QML(Qt Meta-Object Language)和JavaScript的。 QML是一种声明性的语言,用于描述用户界面的结构和行为。它使用层叠样式表(CSS)的语法来…

算法基础课-基础算法-二分-数的三次方根

790. 数的三次方根 题目 提交记录 讨论 题解 视频讲解 给定一个浮点数 n�,求它的三次方根。 输入格式 共一行,包含一个浮点数 n�。 输出格式 共一行,包含一个浮点数,表示问题的解。 注意&…

Apache Flume(5):多个agent模型

可以将多个Flume agent 程序连接在一起,其中一个agent的sink将数据发送到另一个agent的source。Avro文件格式是使用Flume通过网络发送数据的标准方法。 从多个Web服务器收集日志,发送到一个或多个集中处理的agent,之后再发往日志存储中心&…

电脑操作系统深度剖析:Windows、macOS和Linux的独特特性及应用场景

导言 电脑操作系统是计算机硬件和应用软件之间的桥梁,不同的操作系统在用户体验、性能和安全性方面有着独特的特色。电脑操作系统是计算机系统中的核心组件,不同的操作系统在设计理念、用户体验和应用领域上存在显著差异。本文将深入探讨几种常见的电脑操…

安全芯片是什么?为什么可以应用在加密卡上?

安全芯片是指芯片内带有微处理器CPU、随机数发生器、硬件密码算法、存储单元(包括随机存储器RAM、程序存储器ROM(FLASH)、用户数据存储器EEPROM)以及芯片操作系统COS的智能芯片,相当于一台微型计算机,不仅具…

【经典LeetCode算法题目专栏分类】【第6期】二分查找系列:x的平方根、有效完全平方数、搜索二位矩阵、寻找旋转排序数组最小值

《博主简介》 小伙伴们好,我是阿旭。专注于人工智能AI、python、计算机视觉相关分享研究。 ✌更多学习资源,可关注公-仲-hao:【阿旭算法与机器学习】,共同学习交流~ 👍感谢小伙伴们点赞、关注! X的平方根 class Soluti…

单页应用如何提高加载速度?

提高单页应用(Single Page Application,SPA)的加载速度可以从以下几个方面入手: 代码优化:压缩和精简 JavaScript、CSS 和 HTML 代码,减少文件大小,通过使用工具如Webpack对代码进行打包和优化。…

【Image】图像处理

计算机视觉 CV Perception 如自动驾驶领域。 只要是从所谓的图像当中去抽取信息的过程,我们都叫做Perception。 视觉检测可以涵盖二维检测,如车辆、人和信号灯的检测。另外,还可以控制三维信息,直接在三维空间中操作数据。 SL…

Vue 3 + Vite 4 移动端低版本白屏处理

vue3打包后在低版本浏览器或webview中出现白屏,原因就是因为语法兼容问题。根据vite官方文档描述,build.target 默认支持 Chrome >87、Firefox >78、Safari >14、Edge >88 传送,所以需要我们手动兼容低版本。 方法: …

【uniapp小程序-分享】

//分享到聊天onShareAppMessage() {let shareMessage {title: this.liveInfo.wx_title,path: /subPages/livePages/liveCourse/live_course_info?courseid this.courseid,imageUrl: this.liveInfo.wx_thumb};let shearMsg uni.getStorageSync(shearImg this.courseid);if (…

L1-028 判断素数

本题的目标很简单,就是判断一个给定的正整数是否素数。 输入格式: 输入在第一行给出一个正整数N(≤ 10),随后N行,每行给出一个小于231的需要判断的正整数。 输出格式: 对每个需要判断的正整数&a…