状态管理的艺术:探索Flutter的Provider库

状态管理的艺术:探索Flutter的Provider库

前言

上一篇文章中,我们详细介绍了 Flutter 应用中的状态管理,以及 StatefulWidgetsetState 的使用。

本篇我们继续介绍另一个实现状态管理的方式:Provider

Provider优缺点

基础介绍:

Provider 是一个轻量级的状态管理库,它使用 InheritedWidgetChangeNotifier 的概念来实现状态共享和更新。

Provider 允许我们在应用的任何位置访问和修改状态,并支持跨组件的状态共享。

优点:

(1)简单易用:提供了直观的 API,使得状态共享和更新变得简单。

(2)减少代码耦合:将状态管理逻辑与 UI 分离,提高了代码的可维护性和可重用性。

(3)支持跨组件状态共享:可以在应用的任何位置访问和修改状态。

缺点:

(1)性能考虑:虽然 Provider 优化了性能,但在大规模应用中仍需注意状态更新的效率和必要性。

(2)学习成本:对于初学者来说,需要一段时间来熟悉 Provider 的用法和原理。

使用步骤

1.添加 Provider 依赖

(provider 可自行选择,我这里选择了 6.0.5 版本 )

dependencies:flutter:sdk: flutterprovider: ^6.0.5

2.创建状态类

创建一个类来持有你的应用状态。这个类可以是简单的 Dart 类,包含一些属性和方法。

// 定义一个简单的状态类
class CounterState with ChangeNotifier {int _count = 0;int get count => _count;void increment() {_count++;notifyListeners();}
}

3.使用 Provider 包裹你的应用

在你的应用的根 widget 或者使用状态的部分 widget 的上面,使用 ChangeNotifierProvider 来包裹你的应用或 widget

ChangeNotifierProvider 接受一个 create 参数,这个参数是一个返回你创建的状态类的实例的函数。

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';void main() {runApp(// 使用Provider将状态包裹在顶层ChangeNotifierProvider(create: (context) => CounterState(),child: MyApp(),),);
}

4.在 widget 中使用状态

在你的 widget 中,使用 Consumer widget 或者 Provider.of<T>(context) 来访问和监听状态的变化。

当状态变化时,Consumer 会重新构建其子 widget

class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: Text('Provider Example')),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[// 使用Consumer来访问状态Consumer<CounterState>(builder: (context, counter, child) => Text('${counter.count}',style: TextStyle(fontSize: 24),),),RaisedButton(onPressed: () {// 使用Provider.of来访问状态并调用方法context.read<CounterState>().increment();},child: Text('Increment'),),],),),),);}
}

5.更新状态

在你的状态类中,当你需要更新状态时,直接修改状态类的属性,并确保你的状态类继承自 ChangeNotifier

在修改属性后,调用 notifyListeners() 方法来通知所有监听这个状态的 widget 进行更新。

class CounterState with ChangeNotifier {int _count = 0;int get count => _count;void increment() {_count++;notifyListeners();  // 通知所有监听这个状态的widget进行更新}
}

完整示例

在下面这个例子中,我们定义了一个 CounterState 类,它包含一个计数器和 increment 方法来增加计数。

我们使用 ChangeNotifierProvider 来将状态包裹在应用的顶层,并在需要的地方使用 ConsumerProvider.of 来访问和修改状态。

代码如下(示例):

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';// 定义一个简单的状态类
class CounterState with ChangeNotifier {int _count = 0;int get count => _count;void increment() {_count++;notifyListeners();}
}void main() {runApp(// 使用Provider将状态包裹在顶层ChangeNotifierProvider(create: (context) => CounterState(),child: MyApp(),),);
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: Text('Provider Example')),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[// 使用Consumer来访问状态Consumer<CounterState>(builder: (context, counter, child) => Text('${counter.count}',style: TextStyle(fontSize: 24),),),ElevatedButton(onPressed: () {// 使用Provider.of来访问状态并调用方法context.read<CounterState>().increment();},child: Text('Increment')),],),),),);}
}

结果如下:

总结

Flutter 中,Provider 是一个非常流行的状态管理库,它允许你将状态(数据)在 widget 树中传递,而无需手动在每个 widget 层级上传递。

使用 Provider,你可以在应用的任何地方访问和更新状态,这使得状态管理变得更加简单和高效。

– 欢迎点赞、关注、转发、收藏【我码玄黄】,gonghao同名

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

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

相关文章

【阶乘】个人练习-Leetcode-LCP 22. 黑白方格画

题目链接&#xff1a;https://leetcode.cn/problems/ccw6C7/description/ 题目大意&#xff1a;给出一块白方格面积为n*n&#xff0c;给出一个数字k&#xff0c;每一次操作可以把方格的某一整行或者某一整列涂黑&#xff0c;求使得黑色格子数字为k的【最终图案】的个数。 思路…

MySQL 分库分表

分表 分表 将表按照某种规则拆分成多个表。 分表的使用原因 当数据量超大的时候&#xff0c;B-Tree索引效果很变差。 垂直分区 切分原则&#xff1a;把不常用或存储内容比较多的字段分到新的表中可使表存储更多数据。 原因&#xff0c;Innodb主索引叶子节点存储着当前行的所有信…

Linux抽象套接字

在UNIX和类UNIX系统中,socket编程提供了一种机制,允许进程之间进行通信。其中,UNIX域套接字(UNIX domain socket)是一种特殊的套接字,用于同一台机器上的进程间通信(IPC)。UNIX域套接字可以使用两种类型的地址:路径名套接字(pathname socket)和抽象套接字(abstract…

笔记 2 : 课本第 3 章开始,记录 arm 的汇编指令的格式

&#xff08;13&#xff09; 介绍 arm 中的第一个汇编指令的用法 mov &#xff1a; &#xff08;14&#xff09;立即数的概念&#xff1a; &#xff08;15&#xff09; 汇编中的移位写法&#xff1a; 举例 &#xff1a; &#xff08;16&#xff09; 学习一个新的指令 cmp &a…

网络监控工具推荐与对比

网络监控工具在确保网络安全、性能和可用性方面发挥着关键作用。以下是几款流行的网络监控工具的推荐与对比&#xff1a; 1. Nagios 特点&#xff1a; 开放源代码&#xff1a;提供免费的社区版本和付费的企业版本。可扩展性&#xff1a;拥有大量插件&#xff0c;可以监控各种…

芯课堂 | Synwit_UI_Creator(ugui)平台之PC端界面设计篇

​今天小编给大家介绍的是华芯微特面向小尺寸TFT-LCD屏驱市场量身打造的Synwit_UI_Creator&#xff08;ugui&#xff09;自研开发套件。 UI_Creator&#xff08;ugui&#xff09;开发套件分为上位机和下位机&#xff0c;以下如无特指&#xff0c;上位机即为PC端设计器/仿真器&…

虚拟机及其Debian(kali)安装

本机电脑为Windows10系统专业版&#xff0c;在此基础上安装VMware和系统&#xff08;Kali&#xff09; 步骤如下 一、安装 VMware Workstation Pro v16.2.4 安装步骤可参照网上博客&#xff0c;该步骤较简单&#xff0c;此处不做讲解。文件中共计两个&#xff0c;其中一个是激活…

【闲聊】-Perl的基础语法

Perl语言详细介绍 概述 Perl&#xff0c;全称“Practical Extraction and Report Language”&#xff0c;是一种功能强大的编程语言&#xff0c;特别擅长文本处理和系统自动化任务。它最初由Larry Wall于1987年设计&#xff0c;旨在解决UNIX系统管理中的常见问题&#xff0c;…

拆分整数 java

拆分整数 给定一个正整数 n &#xff0c;将其拆分为 k 个 正整数 的和&#xff08; k > 2 &#xff09;&#xff0c;并使这些整数的乘积最大化。 返回 你可以获得的最大乘积 。 示例 1: 输入: n 2输出: 1解释: 2 1 1, 1 1 1。 示例 2: 输入: n 10输出: 36解释: 10 3 …

关于不同集合类型是否重写equals和hashCode的问题

不同集合类型在没有重写 equals 和 hashCode 时的行为&#xff1a; HashSet 和 HashMap: 这些集合依赖于对象的 hashCode 方法来定位元素&#xff0c;然后使用 equals 方法来确认元素是否真的相等。 如果你没有重写 equals 和 hashCode&#xff0c;那么默认的 equals 方法将基…

【ProtoBuf】在 Windows / Linux 安装 ProtoBuf(超详细教程)

一、ProtoBuf 在 Window 下的安装 1、下载 ProtoBuf 编译器 下载地址&#xff1a;github.com 可以不用下载最新版本&#xff0c;具体的下载根据自己电脑情况选择。 下载之后将压缩包解压到本地目录下。解压后的文件内包含 bin、include 文件&#xff0c;以及一个 readme.txt…

基于SSM框架的宠物领养系统【附源码和运行步骤】

基于SSM框架的宠物领养系统 一、项目介绍用户模块宠物模块领养模块管理员模块 二、项目技术栈三、项目运行四、项目演示用户领养界面管理员界面 总结 大家好&#xff0c;这里是程序猿代码之路&#xff01;在当今社会&#xff0c;宠物已经成为许多家庭的重要成员&#xff0c;带给…

如何解决手机游戏因IP代理被封禁无法正常游戏的问题?

在当前的网络环境下&#xff0c;许多手机游戏为了维护游戏的公平性和安全性&#xff0c;会采取措施对使用IP代理的玩家进行封禁&#xff0c;导致他们无法正常访问游戏。这种情况对于一些需要使用IP代理的用户来说可能显得很棘手&#xff0c;但实际上有几种技术性的解决方案可以…

4个免费自动生成文章的软件,轻松创作高质量文章

对于创作都而言&#xff0c;能够轻松创作出高质量的文章是每个创作者都想实现的想法&#xff0c;但如何依靠创作者自己去人工手动完成写作&#xff0c;那么将会需要付出很多时间与精力&#xff0c;并且还要有好的创作灵感&#xff0c;因此&#xff0c;通过人工手动创作高质量的…

记录些MySQL题集(1)

Innodb 是如何实现事务的&#xff1f; InnoDB是MySQL数据库的一个存储引擎&#xff0c;它支持事务处理。事务处理是数据库管理系统执行过程中的一个逻辑单位&#xff0c;由一个或多个SQL语句组成&#xff0c;这些语句要么全部执行&#xff0c;要么全部不执行&#xff0c;是一个…

PyTorch复现PointNet++——模型训练+模型测试

本博文主要实现对PointNet源码进行调试&#xff0c;模型训练模型测试。 一、下载源码和数据集 论文&#xff1a;PointNet: Deep Hierarchical Feature Learning on Point Sets in a Metric Space GitHub源码&#xff1a;Pointnet2_pytorch 数据集包括三种&#xff1a;分类、零…

SpringBoot @Value注解优化

前言&背景 SpringBoot的Value功能之一可以从配置文件读取并赋值到对象的属性。 需求方要求原来从配置文件中修改的配置参数需要提供界面修改&#xff0c;但是接受配置完后重启服务。 分析&方案 我们主要使用了Value注解&#xff0c;所以在做的时候需要从Value注解下…

django报错(三):No crontab program或got an unexpected keyword argument ‘user’

Crontab是linux系统上的定时管理模块&#xff0c;简单配置&#xff0c;灵活使用。但是要在windows使用必须借助Cygwin等虚拟工具&#xff0c;否则会报错“No crontab program”。如下图&#xff1a; python-crontab是其提供了python模块对crontab的访问&#xff0c;即可以通过p…

写材料word和PPT

一、WORD 1、写内容 2、参考GPT改&#xff1a;内容、逻辑结构、语句 3、查标题及其标号 4、修改格式&#xff1a;仿宋 、正文统一为小三&#xff0c;标题三号&#xff0c;1.5倍行距&#xff0c;加页码。 采用VBA代码自动修改&#xff0c;不知为何标题无法修改字体 Sub 插入页…

EasyAnimate-v3版本支持I2V及超长视频生成

阿里云人工智能平台&#xff08;PAI&#xff09;自研开源的视频生成项目EasyAnimate正式发布v3版本&#xff1a; 支持 图片&#xff08;可配合文字&#xff09; 生成视频 支持 上传两张图片作为起止画面 生成视频 最大支持720p&#xff08;960*960分辨率&#xff09; 144帧视…