Flutter Bloc多用户场景下登出时如何重置状态为默认值？

在Bloc架构中，我们通过发送事件触发状态重置来实现多用户切换时的状态清空，替代Provider里直接调用方法修改状态的方式，具体实现步骤如下：

1. 给需要重置状态的Bloc定义登出事件 #

为每个需要清空状态的Bloc添加对应的登出事件，以订单相关的OrdersBloc为例：

abstract class OrdersEvent {}

// 原有业务事件
class GetOrdersEvent extends OrdersEvent {}
// 新增登出事件
class LogoutEvent extends OrdersEvent {}

2. 在Bloc中处理登出事件，返回初始状态 #

根据你使用的Bloc版本，选择对应的处理方式：

新版Bloc（使用on<Event>语法） #

class OrdersBloc extends Bloc<OrdersEvent, OrdersState> {
  OrdersBloc() : super(OrdersInitialState()) {
    on<GetOrdersEvent>(_handleGetOrders);
    // 处理登出事件，直接发送初始状态完成重置
    on<LogoutEvent>((event, emit) => emit(OrdersInitialState()));
  }

  void _handleGetOrders(GetOrdersEvent event, Emitter<OrdersState> emit) async {
    // 原有获取订单的业务逻辑
  }
}

旧版Bloc（使用mapEventToState） #

class OrdersBloc extends Bloc<OrdersEvent, OrdersState> {
  OrdersBloc() : super(OrdersInitialState());

  @override
  Stream<OrdersState> mapEventToState(OrdersEvent event) async* {
    if (event is GetOrdersEvent) {
      // 原有获取订单的业务逻辑
    } else if (event is LogoutEvent) {
      // 发送初始状态，重置所有状态数据
      yield OrdersInitialState();
    }
  }
}

这里的OrdersInitialState需要和你Provider中重置后的状态对应，比如：

class OrdersInitialState extends OrdersState {
  final List<Order> orders = [];
  final bool isGettingOrders = true;
  final bool gettingOrdersError = false;
  final bool gettingOrdersSuccess = false;

  OrdersInitialState();
}

3. 在登出操作时触发所有Bloc的登出事件 #

当用户执行登出操作时，获取所有需要重置状态的Bloc实例，发送对应的LogoutEvent：

// 登出按钮的点击回调
onPressed: () {
  // 通过context获取Bloc实例并发送登出事件
  context.read<OrdersBloc>().add(LogoutEvent());
  context.read<UserInfoBloc>().add(LogoutEvent());
  // 其他需要重置状态的Bloc同理

  // 跳转到登录页面
  Navigator.pushReplacementNamed(context, '/login');
}

可选优化：全局统一登出事件 #

如果有大量Bloc需要处理登出，可以定义一个全局的登出事件，避免每个Bloc重复定义事件类：

// 全局登出事件
class GlobalLogoutEvent {}

// 在各个Bloc中监听全局登出事件
class OrdersBloc extends Bloc<OrdersEvent, OrdersState> {
  OrdersBloc() : super(OrdersInitialState()) {
    // 原有事件处理
    on<GlobalLogoutEvent>((event, emit) => emit(OrdersInitialState()));
  }
}

// 登出时只需发送一次全局事件
onPressed: () {
  context.read<OrdersBloc>().add(GlobalLogoutEvent());
  context.read<UserInfoBloc>().add(GlobalLogoutEvent());
  // 跳转登录页
}

内容的提问来源于stack exchange，提问作者muhammed basil.