Android和IOS应用开发-Flutter 应用中实现记录和使用全局状态的几种方法

在这里插入图片描述

文章目录

  • 在Flutter中记录和使用全局状态
  • 使用 Provider
    • 步骤1
    • 步骤2
    • 步骤3
  • 使用 BLoC
    • 步骤1
    • 步骤2
    • 步骤3
  • 使用 GetX:
    • 步骤1
    • 步骤2
    • 步骤3

在Flutter中记录和使用全局状态

在 Flutter 应用中,您可以使用以下几种方法来实现记录和使用全局状态,并在整个应用程序中各个页面中使用:

使用 Provider

Provider 是 Flutter 中流行的状态管理库,它可以方便地在多个页面之间共享数据。

步骤1

创建一个类来表示您的全局状态,例如:

class AppState {int counter = 0;void incrementCounter() {counter++;}
}

步骤2

在应用程序的根目录中,使用 Provider 创建一个全局状态实例:

void main() {runApp(ChangeNotifierProvider(create: (_) => AppState(),child: MyApp(),),);
}

步骤3

在任何页面中,使用 Provider.of 来获取全局状态实例并使用它:

class MyHomePage extends StatelessWidget {Widget build(BuildContext context) {final appState = Provider.of<AppState>(context);return Scaffold(appBar: AppBar(title: Text('MyApp'),),body: Center(child: Column(children: [Text('${appState.counter}'),ElevatedButton(onPressed: () {appState.incrementCounter();},child: Text('Increment'),),],),),);}
}

使用 BLoC

BLoC 代表 Business Logic Component,是一种用于分离业务逻辑和 UI 的设计模式。

步骤1

创建一个 BLoC 类来管理您的全局状态,例如:

class AppBloc {final _counterController = StreamController<int>();Stream<int> get counterStream => _counterController.stream;void incrementCounter() {_counterController.sink.add(_counterController.value + 1);}
}

步骤2

在应用程序的根目录中,创建 BLoC 实例并将其作为依赖项注入到其他页面:

void main() {final appBloc = AppBloc();runApp(MyApp(appBloc: appBloc,),);
}

步骤3

在任何页面中,使用 BLoC 实例来获取和更新全局状态:

class MyHomePage extends StatelessWidget {final AppBloc appBloc;MyHomePage({required this.appBloc});Widget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('MyApp'),),body: Center(child: Column(children: [StreamBuilder<int>(stream: appBloc.counterStream,builder: (context, snapshot) {return Text('${snapshot.data}');},),ElevatedButton(onPressed: () {appBloc.incrementCounter();},child: Text('Increment'),),],),),);}
}

使用 GetX:

GetX 是另一个流行的状态管理库,它提供了一种简单的方式来管理全局状态和路由。

步骤1

创建一个类来表示您的全局状态,例如:

class AppState {int counter = 0;void incrementCounter() {counter++;}
}

步骤2

在应用程序的根目录中,使用 GetMaterialApp 创建一个应用程序并将其作为依赖项注入到其他页面:

void main() {runApp(GetMaterialApp(home: MyHomePage(),binding: BindingsBuilder(() {Get.put(AppState());}),),);
}

步骤3

在任何页面中,使用 Get.find 来获取全局状态实例并使用它:

class MyHomePage extends StatelessWidget {Widget build(BuildContext context) {final appState = Get.find<AppState>();return Scaffold(appBar: AppBar(title: Text('MyApp'),),body: Center(child: Column(children: [Text('${appState.counter}'),ElevatedButton(onPressed: () {appState.incrementCounter();},child: Text('Increment'),

结束语
Flutter是一个由Google开发的开源UI工具包,它可以让您在不同平台上创建高质量、美观的应用程序,而无需编写大量平台特定的代码。我将学习和深入研究Flutter的方方面面。从基础知识到高级技巧,从UI设计到性能优化,欢饮关注一起讨论学习,共同进入Flutter的精彩世界!

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

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

相关文章

git:码云gitee仓库提交以及React项目创建

git&#xff1a;码云gitee仓库提交以及React项目创建 1 前言 先注册准备好码云gitee的账户&#xff0c;并在gitee上新建react仓库并提交代码至远程仓库。 2 操作方式 准备新建React项目并提交到码云gitee上。 &#xff08;1&#xff09;进入官网&#xff1a;https://gitee…

day-23 买卖股票的最佳时机 II

思路&#xff1a;因为要求的是最大收益&#xff0c;所以可以假设每天都买&#xff0c;第二天卖 利用一个数组来统计&#xff0c;如果收益为负则ans[i]0,否则ans[i]prices[i1]-prices[i] code: class Solution {public int maxProfit(int[] prices) {int nprices.length;int a…

数据在内存的存储

整数在内存中的存储 我们来回顾一下&#xff0c;整数在计算机是以补码的形式进行存储的&#xff0c;整数分为正整数和负整数&#xff0c;正整数的原码、反码和补码是一样的&#xff0c;负整数的原码、反码和补码略有不同&#xff08;反码是原码除符号位&#xff0c;其他位按位取…

【九】【算法分析与设计】双指针(3)

15. 三数之和 给你一个整数数组 nums &#xff0c;判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i ! j、i ! k 且 j ! k &#xff0c;同时还满足 nums[i] nums[j] nums[k] 0 。请 你返回所有和为 0 且不重复的三元组。 注意&#xff1a;答案中不可以包含重复的三元…

echarts实践总结(常用一):柱状图(特点:渐变色、点击缩放、左右滑动、悬浮展示样式)

目录 第一章 echarts基本使用 第二章 echarts实践——柱状图 效果展示 第一章 echarts基本使用 Echarts常用配置项(详细入门)_echarts配置项手册-CSDN博客 第二章 echarts实践——柱状图 最近接到这么一个需求&#xff0c;需要画页面&#xff0c;然后有这么几个echarts的图需…

GET 和 POST 有什么区别?

1.从缓存的角度&#xff0c;GET 请求会被浏览器主动缓存下来&#xff0c;留下历史记录&#xff0c;而 POST 默认不会。 2.从编码的角度&#xff0c;GET 只能进行 URL 编码&#xff0c;只能接收 ASCII 字符&#xff0c;而 POST 没有限制。 3.从参数的角度&#xff0c;GET 一般放…

【网络安全】0xhacked CTF 大赛题解出炉啦!

此次 0xhacked CTF 比赛&#xff0c;ChainSecLabs 取得了第四名的成绩。让我们来看看比赛题目的题解吧。&#xff08;题目代码仓库在文末哦~&#xff09; BabyOtter 这是应该说是一个算法题&#xff0c;很明显需要溢出&#xff0c;因为精度问题&#xff0c;uint256(-1)/0x1…

【Python】继承会遇到的问题

单继承和多继承在python中的区别和应用场景 单继承指的是一个子类只继承自一个父类。这简化了继承关系&#xff0c;使得代码易于理解和维护。大多数情况下&#xff0c;单继承足以处理常见的场景&#xff0c;如扩展基类的功能或者覆盖某些方法。多重继承允许在一个类同时继承多个…

m4v是什么文件格式?m4v视频用什么软件打开?

m4v文件格式的诞生可追溯到苹果公司。作为数字媒体领域的先锋&#xff0c;苹果在iTunes商店中为视频内容引入了m4v格式。其初衷是为了在保证视频质量的同时&#xff0c;通过管理系统&#xff0c;实现对数字内容的保护。这使得m4v成为iOS和macOS平台上广泛使用的视频格式。 M4V的…

工具精灵--超级好用的在线工具网站

工具精灵是一个超级好用的在线工具网站&#xff0c;它有这些功能&#xff1a;json格式化、xml格式化、markdown在线编辑、sql格式化、json转Java、xml转Java等。 虽然有很多这种类似的网站了&#xff0c;但它们并不好用&#xff0c;很粗糙。工具精灵超级好用&#xff0c;细节方…

为什么要为 App 应用加固 ?如何为 App 应用加固 ?

一&#xff1a;为什么要为 App 应用加固 来看下 腾讯开放平台 官方的解释说明 若应用不做任何安全防护&#xff0c;极易被病毒植入、广告替换、支付渠道篡改、钓鱼、信息劫持等&#xff0c;严重侵害开发者的利益。 App 加固后&#xff0c;可以对应用进行安全防护&#xff0c;防…

代码随想录三刷day30

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、力扣122. 买卖股票的最佳时机 II二、力扣55. 跳跃游戏三、力扣45. 跳跃游戏 II四、力扣1005.K次取反后最大化的数组和 前言 大家会发现本周的代码其实都简单…

回归测试?

1. 什么是回归测试&#xff08;Regression Testing&#xff09; 回归测试是一个系统的质量控制过程&#xff0c;用于验证最近对软件的更改或更新是否无意中引入了新错误或对以前的功能方面产生了负面影响&#xff08;比如你在家中安装了新的空调系统&#xff0c;发现虽然新的空…

GEE高阶案例——利用eemont进行ee.Number对象类的运算(加减成熟运算公式)

本教程的主要目的是利用eemont包对数字对象进行分析 代码 !pip install eemont !pip install geemapimport ee, eemont, geemap import geemap.colormaps as cm 进行EE验证 验证并初始化地球引擎和地球地图。 Map geemap.Map() 让我们定义一些 ee.Number 对象作为近红外…

抛弃Superhuman?这些替代方案让你眼前一亮!

Superhuman是一个极好的人工智能工具在电子邮件助理领域。根据SimilarWeb的最新统计&#xff0c;它在全球网站排名中排名第21980位&#xff0c;月访问量为1751798。然而市场上还有许多其他优秀的选择。为了帮助您找到最适合您需求的解决方案&#xff0c;我们为您精心挑选了10种…

项目性能优化—使用JMeter压测SpringBoot项目

我们的压力测试架构图如下&#xff1a; 配置JMeter 在JMeter的bin目录&#xff0c;双击jmeter.bat 新建一个测试计划&#xff0c;并右键添加线程组&#xff1a; 进行配置 一共会发生4万次请求。 ctrl s保存&#xff1b; 添加http请求&#xff1a; 配置http请求&#xff1a;…

免费开源、支持自建服务的团队协作、个人学习文档管理系统

大家好&#xff0c;我是小麦。今天来给大家分享的是几款个人使用过的免费、开源、适合团队协作的文档管理工具&#xff0c;并且是完全支持自己搭建服务的文档管理系统。 相信大家在学习、办公等场景下对文档管理工具使用的场景是比较多的&#xff0c;例如技术开发手册、个人学…

SpringBoot(数据库操作 + druid监控功能)

文章目录 1.JDBC HikariDataSource&#xff08;SpringBoot2默认数据源&#xff09;1.数据库表设计2.引入依赖 pom.xml3.配置数据源参数 application.yml4.编写一个bean&#xff0c;映射表5.编写测试类来完成测试1.引入依赖 pom.xml2.使用JdbcTemplate进行测试3.成功&#xff0…

【C语言】打印闰年

输⼊⼀个年份year&#xff0c;判断year是否是闰年 闰年判断的规则&#xff1a; 1&#xff0c; 能被4整除并且不能被100整除是闰年 2&#xff0c;能被400整除是闰年 结合起来如下&#xff1a; if ((year % 4 0 && year % 100 ! 0) || (year % 400 0)) 代码如下&…

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的交通信号灯识别系统(深度学习+UI界面+训练数据集+Python代码)

摘要&#xff1a;本研究详细介绍了一种采用深度学习技术的交通信号灯识别系统&#xff0c;该系统集成了最新的YOLOv8算法&#xff0c;并与YOLOv7、YOLOv6、YOLOv5等早期算法进行了性能评估对比。该系统能够在各种媒介——包括图像、视频文件、实时视频流及批量文件中——准确地…