Logo
☆☆☆☆☆
0.0
Intermediate
16h

使用 BLoC 模式在 Flutter 中管理状态

Flutter 是一个创新的框架,使开发者能够创建高质量的移动和网页应用。业务逻辑组件(BLoC)模式帮助 Flutter 应用管理应用状态。 你将学习 BLoC 模式,并通过使用流、事件和状态实现一个计数器应用。接着,你将学习如何使用 BLoC 库提供的各种小部件来减少样板代码。然后,你将使用 flutter_bloc 库实现一个星球大战项目,并结合仓库模式与 BLoC 模式实现一个电商平台。你还将学习如何使用 bloc_test 库创建模拟对象来测试不同的 BLoC。同时,你将学习如何测试 BLoC 内部的函数。之后,你将了解 RxDart 库,它为流提供了响应式编程扩展。 完成本课程后,你将获得 BLoC 和 RxDart 库的实战经验,具备构建具有状态管理的移动或网页应用的能力。

12 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
使用 BLoC 模式在 Flutter 中管理状态
Flutter 是一个创新的框架,使开发者能够创建高质量的移动和网页应用。业务逻辑组件(BLoC)模式帮助 Flutter 应用管理应用状态。 你将学习 BLoC 模式,并通过使用流、事件和状态实现一个计数器应用。接着,你将学习如何使用 BLoC 库提供的各种小部件来减少样板代码。然后,你将使用 ...

WHAT YOU'LL LEARN

对BLoC模式的理解及其在状态管理中的应用

Content

12 Lessons • 0 Quizzes • 0 Challenges

入门
  1. 1

    课程简介

使用 BLoC 模式管理状态
  1. 1

    什么是状态管理?

  2. 2

    BLoC 模式

  3. 3

    测验:状态管理基础

实现 BLoC 模式
  1. 1

    流

  2. 2

    事件与状态

  3. 3

    StreamController

  4. 4

    应用BLoC概念

  5. 5

    BLoC 模式与库

  6. 6

    练习你的 BLoC 实现技能

  7. 7

    测验:BLoC 设计模式

Flutter BLoC 库中的小部件
  1. 1

    BlocProvider 和 MultiBlocProvider

  2. 2

    BlocBuilder 和 BlocSelector

  3. 3

    BlocListener

  4. 4

    BlocConsumer

  5. 5

    RepositoryProvider 和 MultiRepositoryProvider

  6. 6

    Bloc 和 Cubit

  7. 7

    测验:Bloc 库小部件

项目一:了解 Flutter BLoC 库
  1. 1

    项目一说明

  2. 2

    项目结构

  3. 3

    用户界面简述

  4. 4

    实现 BLoC 状态

  5. 5

    实现 BLoC 事件

  6. 6

    事件与状态的关联

  7. 7

    在UI中集成BLoC

  8. 8

    练习:实现搜索功能

  9. 9

    解决方案:实现搜索功能

项目二:使用 BLoC 库实现仓库模式
  1. 1

    项目二说明

  2. 2

    项目二结构

  3. 3

    仓库模式

  4. 4

    用户 Cubit

  5. 5

    首页 Cubit

  6. 6

    练习:实现购物车

  7. 7

    解决方案:实现购物车

Flutter BLoC 测试
  1. 1

    为 Bloc 创建模拟对象

  2. 2

    生成单元测试

  3. 3

    练习:测试 ShoppingCartCubit

  4. 4

    解决方案:测试 ShoppingCartCubit

RxDart
  1. 1

    flutter_bloc 与 RxDart 的区别

  2. 2

    流类

  3. 3

    扩展方法

  4. 4

    主题

  5. 5

    测验:流类、扩展方法和主题

最佳实践
  1. 1

    为每个页面都使用 BLoC

  2. 2

    保持 BLoC 简单

挑战
  1. 1

    练习:使用 Flutter BloC 构建井字棋游戏

  2. 2

    解决方案:使用 Flutter BLoC 构建井字棋游戏

  3. 3

    练习:使用 RxDart 构建一个秒表

  4. 4

    解决方案:使用 RxDart 构建一个秒表

接下来是什么?
  1. 1

    项目创意以提升你的技能

  2. 2

    更多值得尝试的状态管理库

附录
  1. 1

    附录A:Flutter 资源

  2. 2

    附录B:使用 Firebase 进行身份验证

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)