为了简化Demo，让读者专注于Provider的使用，这里并没有使用下拉刷新和上拉加载的框架，而是通过两个Button来模拟这两个操作，同时，每个Item都提供了一个CheckBox，用于演示单个Item的刷新。

为了尽可能还原场景，这里还提供了Mock数据的获取，代码如下所示。

class ItemModel {
String title;
bool isCheck;
int likeCount;

ItemModel(this.title, this.isCheck, this.likeCount);
}

class DataModel {
List dataList = List();

Future<List> getData(int pageIndex) async {
List items = await api.getListDataOfIndex(pageIndex);
dataList.addAll(items);
return dataList;
}
}

class API {
Future<List> getListDataOfIndex(int pageIndex) async {
List data = List();
await Future.delayed(Duration(seconds: 3));
List.generate(
10,
(index) => (data.add(ItemModel(‘Title $index @Page $pageIndex’, false, Random().nextInt(20) + 1))),
);
return data;
}
}

var api = API();

其它的UI代码，大家可以参考Dojo的源码，如下所示。

flutter_dojo/category/backend/providerstate4widget.dart

使用Setstate

首先来看下最基本的方式。通过setState来更新数据，其原理就是在Future完成之后，使用setState刷新UI。核心代码如下所示。

获取数据。

data.getData(pageIndex).then((value) {
setState(() => data.dataList = value);
});

刷新选中。

Checkbox(
value: itemModel.isCheck,
onChanged: (flag) {
setState(() {
var isCheck = itemModel.isCheck;
if (isCheck) {
checkedCount–;
} else {
checkedCount++;
}
return itemModel.isCheck = !isCheck;
});
}),

下拉刷新与上拉加载。

RaisedButton(
onPressed: () {
setState(() => data.dataList.clear());
data.getData(0).then((value) {
setState(() => data.dataList = value);
});
},
child: Text(‘Refresh’),
),
RaisedButton(
onPressed: () {
data.getData(++pageIndex).then((value) {
setState(() => data.dataList = value);
});
},
child: Text(‘Load More’),
),
Text(‘Checked Count $checkedCount’),

这种方式并没有什么问题，特别是当List占据当整个UI界面时，这样其实最简单也不太会影响效率。只有当页面比较复杂的时候，才需要考虑采用Provider来降低刷新带来的效率问题。

下面我们来考虑下如何通过Selector来改造整个Demo，完成数据刷新、数据加载更多、显示Checked数量几个功能。

改造Model

Model是Provider的数据处理对象，封装了数据模型和对数据的处理操作。这里的改造和前面讲解的使用Provider的Model的处理方式基本相同，代码如下所示。

class ItemModel {
String title;
bool isCheck;
int likeCount;

ItemModel(this.title, this.isCheck, this.likeCount);
}

class DataModel with ChangeNotifier {
List dataList = List();
int checkedCount = 0;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

文末

面试：如果不准备充分的面试，完全是浪费时间，更是对自己的不负责！

不管怎么样，不论是什么样的大小面试，要想不被面试官虐的不要不要的，只有刷爆面试题题做好全面的准备，当然除了这个还需要在平时把自己的基础打扎实，这样不论面试官怎么样一个知识点里往死里凿，你也能应付如流啊

文末

面试：如果不准备充分的面试，完全是浪费时间，更是对自己的不负责！

不管怎么样，不论是什么样的大小面试，要想不被面试官虐的不要不要的，只有刷爆面试题题做好全面的准备，当然除了这个还需要在平时把自己的基础打扎实，这样不论面试官怎么样一个知识点里往死里凿，你也能应付如流啊

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录