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

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

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

flutter_bloc库提供了几个核心类:

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

通过使用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);
  }
}

更多推荐