MobX 实现 Flutter 多组件的状态共享

最新推荐文章于 2024-04-26 15:08:46 发布

岛上码农

最新推荐文章于 2024-04-26 15:08:46 发布

阅读量423

点赞数

分类专栏： Flutter 入门与实战文章标签： flutter 前端 android 移动开发 App 开发

本文链接：https://blog.csdn.net/shuijian00/article/details/123300412

版权

本文探讨了Flutter中使用MobX进行状态管理时如何共享状态。分别介绍了逐级传递状态、结合Provider以及使用GetIt容器三种方法，并指出GetIt容器方式在简洁性和组件耦合度上的优势。

摘要由CSDN通过智能技术生成

前言

前面3篇我们介绍了 MobX 的概念和使用， MobX 使用起来确实很简单，也很高效。但是， MobX 也有一个缺陷，那就是如果状态数据要共享的时候，我们并不能像 Provider 或 Redux 那样将状态对象提升到共同上级组件来完成。还是以点赞和收藏按钮的界面为例。两个按钮是独立的组件，点击时都会增加对应的数量，两个组件共享一个状态对象。

MobX 共享方式一：逐级传递

由于 MobX 本身不支持上级组件状态可以被下级组件共享，因此我们想到的最简单的方式就是将状态对象传递给下级组件。

class DynamicDetailWrapper extends StatelessWidget {
  final store = ShareStore();
  DynamicDetailWrapper({Key? key}) : super(key: key);
  
  @override
  Widget build(BuildContext context) {
    //...
    		children: [
          _PraiseButton(store: store