flutter实战项目 （准备工作篇）flutter_bloc篇

先来了解一下bloc是干什么的？

flutter_bloc可以作为一种状态管理框架用于Flutter应用程序。它基于BLoC（Business Logic Component）设计模式，提供了一种结构化和可预测的方式来管理应用程序的状态。

BLoC模式的基本思想是将业务逻辑与用户界面分离。BLoC作为中间层，负责处理应用程序的状态和业务逻辑，并通过流（Stream）将状态发送到用户界面进行展示。这样可以有效地解耦业务逻辑和UI组件，使代码更易于维护和测试。

flutter_bloc库提供了几个核心类：

1. Bloc：用于管理状态和处理业务逻辑的基类。
2. Cubit：用于管理简单状态的基类，与Bloc类似但更为简单。
3. BlocBuilder：用于在UI层根据状态重建部件的小部件。
4. BlocProvider：用于在小部件树中提供Bloc或Cubit实例的小部件。

通过使用flutter_bloc，你可以将应用程序的状态和业务逻辑封装在不同的BLoC或Cubit类中，并通过BlocBuilder等小部件在UI层监听状态的变化。这样做可以使代码更加可维护、可扩展，并且具备良好的单向数据流和可测试性。

总而言之，flutter_bloc提供了一种强大且灵活的状态管理解决方案，特别适用于中大型Flutter应用程序，但也可以用于任何规模的应用程序开发。

下面提供一个使用bloc 来控制主题暗亮的的一个代码
 

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

void main() {
  runApp(const App());
}

class App extends StatelessWidget {
  const App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (_) => ThemeCubit(),
      child: const AppView(),
    );
  }
}

class AppView extends StatelessWidget {
  const AppView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<ThemeCubit, ThemeData>(
      builder: (_, theme) {
        return MaterialApp(
          theme: theme,
          home: Scaffold(
            appBar: AppBar(title: const Text('Theme Switcher')),
            body: Center(
              child: ElevatedButton(
                child: const Text('Toggle Theme'),
                onPressed: () {
                  context.read<ThemeCubit>().toggleTheme();
                },
              ),
            ),
          ),
        );
      },
    );
  }
}

class ThemeCubit extends Cubit<ThemeData> {
  ThemeCubit() : super(_lightTheme);

  static final _lightTheme = ThemeData(
    brightness: Brightness.light,
  );

  static final _darkTheme = ThemeData(
    brightness: Brightness.dark,
  );

  void toggleTheme() {
    emit(state.brightness != Brightness.dark ? _lightTheme : _darkTheme);
  }
}