Flutter – 使用 Provider 进行状态管理

完成学习的目标

  • 学习如何使用单一数据源管理应用程序状态
  • 使用 Provider 以可扩展的方式管理状态
  • 使用 Consumer 消费 Provider 数据
  • 按职责分离您的应用程序
  • 理解 Provider.of 和 Consumer 之间的区别

课程内容

创建仪表盘

  • 准备环境
  • 新功能
  • 仪表盘和余额
  • 余额
  • 余额格式化
  • 像我一样做
  • 我学到了什么?
    • 我们的应用程序需要做什么
    • 创建仪表盘组件和余额组件
    • 在创建新小部件时分离职责

状态管理

  • 单一数据源
  • Provider
  • 单例
  • 消费者
  • Provider
  • 像我一样做
  • 我学到了什么?
    • 将应用程序状态保持在同一位置的重要性,应用单一数据源(Single Source of Truth)
    • 如何通过 Provider 实例化和管理一个类一次
    • 如何通过 Consumer 消费这个类

使用 Provider

  • Notify Listeners
  • 存款
  • Provider.of
  • 余额更新
  • Selector
  • 像我一样做
  • 我学到了什么?
    • 如何在一个地方管理我们的余额内容
    • 使用 Consumer 消费我们的数据
    • 通过 NotifyListeners 通知使用我们余额数据的人

管理转账

  • MultiProvider
  • 转账模型
  • 添加转账
  • 余额充足
  • Provider 中的多个类
  • 像我一样做
  • 我学到了什么?
    • 如何使用 MultipleProvider 管理多个类
    • 通过 Provider 添加转账
    • 使这次转账与账户余额相关联

验证和完成应用

  • 交易列表
  • 最新交易
  • 最终验证
  • 应用程序的组件化
  • 像我一样做
  • 最终项目
  • 结论
  • 我学到了什么?
    • 如何更好地组件化我们的应用程序,在主页和转账页面使用相同的表单来注册转账
    • 创建最近交易列表
    • 根据 Provider 更新列表

MyBank – Flutter 项目屏幕。






GitHub

查看 Github