使用Bloc状态管理--优化数据请求StatefulWidget转为StatelessWidget

最新推荐文章于 2023-11-23 17:24:39 发布

原创

最新推荐文章于 2023-11-23 17:24:39 发布 · 500 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #http

这篇博客介绍了如何在Flutter中使用Bloc状态管理库优化数据请求，将StatefulWidget转换为StatelessWidget。首先，文章引用了bloc的官方文档，并指导如何添加依赖。接着，展示了初始化项目的代码，然后详细解释了如何构建Bloc，包括定义事件和状态。最后，说明了如何利用Bloc构建StatelessWidget来处理HTTP网络请求。

官方文档

链接: bloc

添加依赖

将bloc的包作为依赖项（dependencies) 添加到我们的pubspec.yaml中
在bloc依赖库中选取合适的版本依赖 flutter_bloc: ^6.1.2

dependencies:
  flutter:
    sdk: flutter
  http: ^0.12.2
  json_annotation: ^3.1.1
  # 此处为添加的依赖
  flutter_bloc: ^6.1.2
dev_dependencies:
  flutter_test:
    sdk: flutter
  json_serializable: ^3.5.1
  build_runner: ^1.8.0

如果是 Flutter 的话，在命令行中运行 flutter packages get

在 dart 文件中引入该依赖

import 'package:bloc/bloc.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

初始项目代码

参考flutter页面初始化加载http网络请求数据

构建Bloc

查看 bloc 源码

abstract class Bloc<Event, State> extends Cubit<State>
    implements EventSink<Event> {
   
   
  /// {@macro bloc}
  Bloc(State initialState) : super(initialState) {
   
   
    _bindEventsToStates();
  }
 ..