Flutter Provider Selector数据更新问题优化_provider list update(2)

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

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

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

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

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

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

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

SelectorPlusData({Key? key, T? value}) {
_value = value;
}

set value(T? value) {
_version++;
_value = value;
}

bool shouldRebuild() {
bool isUpdate = _version != _lastVersion;
if (isUpdate) {
_lastVersion = _version;
}
return isUpdate;
}
}

接着对`Selector`也进行一下处理

class SelectorPlus<A, T> extends Selector<A, SelectorPlusData<T?>> {
SelectorPlus({
Key? key,
required ValueWidgetBuilder<T?> builder,
required SelectorPlusData<T?> selector,
ShouldRebuild? shouldRebuild,
Widget? child,
}) : super(
key: key,
builder: (context, value, child) =>
builder(context, value.value, child),
selector: (context, value) => selector,
shouldRebuild: (previous, next) => next.shouldRebuild(),
child: child,
);
}

##### 使用


比如我们需要监听的对象是`UserModel`

SelectorPlus<UserController, UserModel>(
selector: controller.data,
builder: (context, value, child) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
“name: ${value?.name}”,
),
Text(
“email: ${value?.email}”,
),
],
),
);
},
)

修改数据，然后刷新UI

data.value?.name = ‘Flutter’;
data.update();
notifyListeners();

或者

data.value = UserModel(name: “Flutter”, email: “123@xx.com”);
notifyListeners();

当然，对数组类数据也进一步做了处理，具体使用如下：

SelectorListPlus<UserController, UserModel>(
selector: controller.list,
builder: (context, value, child) {
return ListView.builder(
itemCount: value.length,
itemBuilder: (context, index) {
final item = value[index];
return ListTile(
title: Text(item.name),
subtitle: Text(item.email),
);
},
);
},
)

修改数据更新UI

list.value[index].name = ‘Flutter’;
list.update();
notifyListeners();

或者

list.value= [UserModel(name: “Flutter”, email: “123@xxx.com”)];
notifyListeners();

增加

list.add(UserModel(name: “Flutter”, email: “123@xx.com”));
notifyListeners();
erModel(name: “Flutter”, email: “123@xxx.com”)];
notifyListeners();

增加

list.add(UserModel(name: “Flutter”, email: “123@xx.com”));
notifyListeners();