Wow，这是什么鬼。我们很难再清楚的测试维护我们的状态，因为它看上去实在是太复杂了！而且还会有多个页面共享同一个状态，例如当你进入一个文章点赞，退出到外部缩略展示的时候，外部也需要显示点赞数，这时候就需要同步这两个状态。

这时候，我们便迫切的需要一个架构来帮助我们理清这些关系，状态管理框架应运而生。

什么是Scoped_model

Scoped_model是一个dart第三方库，提供了让您能够轻松地将数据模型从父Widget传递到它的后代的功能。此外，它还会在模型更新时重新渲染使用该模型的所有子项。

它直接来自于Google正在开发的新系统Fuchsia核心Widgets 中对Model类的简单提取，作为独立使用的独立Flutter插件发布。

实现原理

Scoped model使用了观察者模式，将数据模型放在父代，后代通过找到父代的model进行数据渲染，最后数据改变时将数据传回，父代再通知所有用到了该model的子代去更新状态。

而我们则需要将它们放在顶层入口MaterialApp之上，这样就能进行全局的状态管理了。

这里page3，page4代表使用到该状态(model)的子页面。

Lets do it！

这里我们以一个最简单的CountApp举例，详细介绍Scoped_model的用法。该项目完整代码已放在github仓库。

这是一个在不同页面使用Scoped共享状态信息的app。这两个页面都依赖于一个数字，这个数字会随着我们按下按钮的次数而增加。

第一步：添加依赖

在pubspec中添加scoped_model的依赖。

• 实际添加请参考：pub.dartlang.org/packages/sc…
• 由于版本冲突添加失败请参考:juejin.im/post/684490…

第二步：创建Model

在Scoped中，Model是一个只包含与状态相关信息的单位。我们应该把状态数据与操作数据的方法抽象出来封装到Model中。

import ‘package:scoped_model/scoped_model.dart’;

class CountModel extends Model{
int _count = 0;
get count => _count;

void increment(){
_count++;
notifyListeners();
}
}

• 我们需要让我们自定义的CountModel继承至Model。
• 在状态发生变化时（increment）通知所有用到了该model的子项更新状态。(notifyListeners)

第三步:将Model放入顶层

//创建顶层状态
CountModel countModel = CountModel();

@override
Widget build(BuildContext context) {
return ScopedModel(
model: countModel,
child: new MaterialApp(
home: TopScreen(),
),
);
}

• 我们在顶层创建了一个CountModel的实例。
• ScopedModel是一个StatelessWidget，它接收一个model，并提供给需要它的所有部件。
• 将ScopedModel的model属性绑定我们的CountModel对象。

第四步:在子页面中获取Model

我们可以从前面的演示图片中看出，一共有两个页面，都使用了同一个model。 Scoped_model提供了两种方式在子页面中获取model。我们先来介绍第一种，使用ScopedModelDescendant获取model。

@override
Widget build(BuildContext context) {
return ScopedModelDescendant(
builder: (context,child,model){
return Scaffold(
body: Center(
child: Text(
model.count.toString(),
style: TextStyle(fontSize: 48.0),
),
),
);
},
);
}

• ScopedModelDescendant是一个Stateless Widget,它接收三个参数。

• builder是一个ScopedModelDescendantBuilder，它接收三个参数。

，在builder中能够通过model来获取CountModel实例。

• rebuildOnChange属性能够控制当该状态发生变化时，是否rebuild，作用等同于setState。也就是说我们调用改变状态的一些方法时，不必再setState。

floatingActionButton: new FloatingActionButton(
onPressed: () => model.increment(),
tooltip: ‘Increment’,
child: new Icon(Icons.add),
)

第二种获取model的方式——使用ScopedModel.of

final countModel = ScopedModel.of(context);
countModel.increment();

或者在Model中重写of方法

class CountModel extends Model{
int _count = 0;
get count => _count;

void increment(){
_count++;
notifyListeners();
}
//重写of方法
CountModel of(context) =>
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

结语

看到这篇文章的人不知道有多少是和我一样的Android程序员。

35岁，这是我们这个行业普遍的失业高发阶段，这种情况下如果还不提升自己的技能，进阶发展，我想，很可能就是本行业的职业生涯的终点了。

我们要有危机意识，切莫等到一切都成定局时才开始追悔莫及。只要有规划的，有系统地学习，进阶提升自己并不难，给自己多充一点电，你才能走的更远。

千里之行始于足下。这是上小学时，那种一元钱一个的日记本上每一页下面都印刷有的一句话，当时只觉得这句话很短，后来渐渐长大才慢慢明白这句话的真正的含义。

有了学习的想法就赶快行动起来吧，不要被其他的事情牵绊住了前行的脚步。不要等到裁员时才开始担忧，不要等到面试前一晚才开始紧张，不要等到35岁甚至更晚才开始想起来要学习要进阶。

给大家一份系统的Android学习进阶资料，希望这份资料可以给大家提供帮助。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

id学习进阶资料，希望这份资料可以给大家提供帮助。
[外链图片转存中…(img-kjD7RQYd-1712753176444)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！