Flater-Provide狀態管理
詳細的講解:https://www.jianshu.com/p/25e581f55cfb
Flater-Provide狀態管理
项目的商品类别页面将大量的出现类和类中间的状态变化,这就需要状态管理。现在Flutter的状态管理方案很多,redux、bloc、state、Provide。
Scoped Model : 最早的状态管理方案,我刚学Flutter的时候就使用的这个,虽然还有公司在用,但是大部分已经选用其它方案了。
Redux:现在国内用的最多,因为咸鱼团队一直在用,还出了自己
fish redux
。bloc:个人觉的比Redux简单,而且好用,特别是一个页面里的状态管理,用起来很爽。
state:我们首页里已经简单接触,缺点是耦合太强,如果是大型应用,管理起来非常混乱。
Provide:是在Google的Github下的一个项目,刚出现不久,所以可以推测他是Google的亲儿子,用起来也是相当的爽。
所以个人觉的Flutter_provide
是目前最好的状态管理方案,那我们就采用这种方案来制作项目。
视频链接地址:https://m.qlchat.com/topic/details?topicId=2000003957012933
flutter_Provide简介
Provide是Google官方推出的状态管理模式。官方地址为:https://github.com/google/flutter-provide
A simple framework for state management in Flutter
个人看来Provide
被设计为ScopedModel的代替品,并且允许我们更加灵活地处理数据类型和数据。
使用Provide
这节课就简单用flutter_provide
进行一个简单的小实例,例子是这样的,我们在一个页面上增加了Text
和一个RaisedButton
.并且故意使用了StatelessWidget
作了两个类。也就是估计作了一个不可变的页面,并且用两个类隔离了。然后我们要点击按钮,增加数字数量,也就是把状态打通。
制作最基本的页面
快速写一个最基本的页面,并且全部使用了StatelessWidget
进行。
import 'package:flutter/material.dart'; class IndexPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body:Center(
child: Column(
children: <Widget>[
Number(),
MyButton()
],
),
)
);
}
} //文本
class Number extends StatelessWidget { @override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(top:200),
child:Text('0')
);
}
} //按鈕
class MyButton extends StatelessWidget { @override
Widget build(BuildContext context) {
return Container(
child:RaisedButton(
onPressed: (){},
child: Text('递增'),
)
);
}
}
添加依赖
在pubspec.yaml
中添加Provide的依赖。请使用最新版本。
dependencies:
provide: ^1.0.2
创建Provide
这个类似于创建一个state,但是为了跟State
区分,我们叫创建Provide
。新建一个provide文件夹,然后再里边新建一个counter.dart
文件.代码如下:
import 'package:flutter/material.dart'; class Counter with ChangeNotifier {
int value =0 ; increment(){
value++;
notifyListeners();
}
}
将状态放入顶层
先引入provide
和counter
:
import 'package:provide/provide.dart';
import './provide/counter.dart';
然后进行将provide
和counter
引入程序顶层。
void main(){
var counter = Counter();
var providers = Providers();
providers
//多個狀態的管理
//..provide(Provider<Counter>.value(counter))
..provide(Provider<Counter>.value(counter));
//runApp(MyApp());
runApp(
ProviderNode(
child: MyApp(),
providers: providers,
),
);
}
ProviderNode封装了InheritWidget,并且提供了 一个providers容器用于放置状态。
获取状态
使用Provide Widget
的形式就可以获取状态,比如现在获取数字的状态,代码如下。
class Number extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(top:200),
child: Provide<Counter>(
builder: (context,child,counter){
return Text(
'${counter.value}',
style: Theme.of(context).textTheme.display1,
);
},
),
);
}
}
修改状态
直接编写按钮的单击事件,并调用provide里的方法,代码修改如下。
//按鈕
class MyButton extends StatelessWidget { @override
Widget build(BuildContext context) {
return Container(
child:RaisedButton(
onPressed: (){
//調用狀態管理增加的方法
Provide.value<Counter>(context).increment();
},
child: Text('递增'),
)
);
}
}
ProviderNode封装了InheritWidget,并且提供了 一个providers容器用于放置状态。
获取状态
使用Provide Widget
的形式就可以获取状态,比如现在获取数字的状态,代码如下。
//文本
class Number extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(top:200),
child: Provide<Counter>(
builder: (context,child,counter){
return Text(
'${counter.value}',
style: Theme.of(context).textTheme.display1,
);
},
),
);
}
}
builder有三个参数
- context,上下文
- child,返回构建的小部件即可
- provide,即我们创建的数据对象,名称随意
修改状态
直接编写按钮的单击事件,并调用provide里的方法,代码修改如下。
//按鈕
class MyButton extends StatelessWidget { @override
Widget build(BuildContext context) {
return Container(
child:RaisedButton(
onPressed: (){
//調用狀態管理增加的方法
Provide.value<Counter>(context).increment();
},
child: Text('递增'),
)
);
}
}
其他頁面可以直接讀取狀態
//Provide.value(context)的形式
Provide.value<Counter>(context).getValue.toString(),
Flater-Provide狀態管理的更多相关文章
- 檢查RAC狀態
1.使用srvctl工具檢查RAC當前配置和狀態 $ srvctl config database -h Displays the configuration for the database. Us ...
- Win10還原成最乾淨的狀態 不必重灌
系統不穩定時我們想到的第一個選擇就是重灌,如果你的作業系統是win10將會有另外一個新選擇,就是透過程式進行還原,讓你的電腦回到剛安裝時的清爽. 工具資訊 [軟體名稱]微軟 Refresh Windo ...
- Win10還原成最乾淨的狀態
系統不穩定時我們想到的第一個選擇就是重灌,如果你的作業系統是win10將會有另外一個新選擇,就是透過程式進行還原,讓你的電腦回到剛安裝時的清爽. 工具資訊 [軟體名稱]微軟 Refresh Windo ...
- ES 處於“initializing”狀態,此時主節點正在嘗試將分片分配到集群中的數據節點。 如果您看到分片仍處於初始化或未分配狀態太長時間,則可能是您的集群不穩定的警告信號。
指標要點: Cluster status: 如果集群狀態為黃色,則至少有一個副本分片未分配或丟失. 搜索結果仍將完成,但如果更多的分片消失,您可能會丟失數據. 紅色的群集狀態表示至少有一個主分片丟失, ...
- SSIS 無法將保護的 XML 節點 "DTS:Password" 解密,錯誤為 0x8009000B "機碼用在特定狀態時無效
发现之前部署的SSIS,执行失败,查看日志 來源: 描述: 無法將保護的 XML 節點 -- ::-- ::-- :: DataReader 來源 [] 描述: System.Exception: S ...
- [Gem] AASM 狀態機
@(Ruby on Rails)[rails, gem] 1234 # AASM is a continuation of the acts-as-state-machine rails plugin ...
- HTTP狀態碼
1xx消息 这一类型的状态码,代表请求已被接受,需要继续处理.这类响应是临时响应,只包含状态行和某些可选的响应头信息,并以空行结束.由于HTTP/1.0协议中没有定义任何1xx状态码,所以除非在某些试 ...
- (转帖) 有限狀態機FSM coding style整理 (SOC) (Verilog)
来源:http://www.codesoso.net/Record/101092_95120_21.html 来源:http://www.cnblogs.com/oomusou/archive/201 ...
- memcached+狀態模式+工廠方法使用
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
随机推荐
- Docker容器技术入门
独立容器分开的条件: 1.Namespace命名空间 1.主机名和域名,UTS 2.文件系统,mount 3.进程间通信,IPC 4.独立的进程树PID 5.独立的用户User 6.独立的IP地址tc ...
- Python实现比较两个列表(list)范围
Python实现比较两个列表(list)范围 有一道题: 比较两个列表范围,如果包含的话,返回TRUE,否则FALSE. 详细题目如下: Create a function, this functio ...
- 中国MOOC_面向对象程序设计——Java语言_期末考试编程题_1细胞自动机
期末考试编程题 返回 这是期末考试的编程题 温馨提示: 1.本次考试属于Online Judge题目,提交后由系统即时判分. 2.学生可以在考试截止时间之前提交答案,系统将取其中的最高分作为最终成 ...
- linux系统查找大文件脚本
每次遇到服务器磁盘满,都会很苦恼,但有了下面两种方法就可以轻松找到机器中的大文件了, 第一种:du -sh du -sh 当前目录下个文件或目录的大小: du -sh * 显示前10个占用空间最大的文 ...
- 【MM系列】SAP 关于更改物料的价格控制类型
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[MM系列]SAP 关于更改物料的价格控制类型 ...
- MySQL数据类型之整型
还一个 Decimal 就是这么创建 查看当前数据表 查看tb1得表得所有记录....
- linux 扩展正则表达式 egrep
使用命令为grep -E 及egrep [root@MongoDB ~]# cat mike.log I am mike! I like linux. I like play football, te ...
- [DS+Algo] 003 一维表结构 Python 代码实现
接上一篇 前言 本篇共 3 个代码实现 严格来说 code1 相当于模仿了 Python 的 list 的部分简单功能 code2 与 code3 简单实现了"循环单链表"与&qu ...
- 关于java范型
1 范型只在编译阶段有效 编译器在编译阶段检查范型结果之后,就会将范型信息删除.范型信息不会进入运行时阶段. 泛型类型在逻辑上看以看成是多个不同的类型,实际上都是相同的基本类型. 2 不能对确定的范型 ...
- [19/06/08-星期六] CSS基础_表格&表单
一.表格 如生活中的Excel表格,用途就是同来表示一些格式化的数据,如课程表.工资条.成绩单. 在网页中也可以创建出不同的表格,在HTML中使用table标签来创建一个表格.table是个块元素. ...