flutter Bloc add两次只响应一次问题解析

发布时间:2022-11-15 10:28

连续调用两次addEvent,结果最终只能响应一次,第二次事件无法响应。

@override
  Stream<SomeState> mapEventToState(SomeEvent event) async*{
if(event is InCreaseEvent){
  state.num ++;
  yield state;
}
  }
someBloc.add(InCreaseEvent());
someBloc.add(InCreaseEvent());

原因分析

bloc 继承于 cubit , 查看 cubit 源码得知,状态更新时做了判断,如果接收到的 newState 与 currentState 为同一个对象,则直接 return,不响应本次状态变更。

图片[1] - flutter Bloc add两次只响应一次问题解析 - 尘心网

处理方式

1. State实现copyWith()方法每个State类都要有copy()方法,用于产生state对象的副本;每次编辑 state 的字段内容,然后 yield 副本,保证每次 yield 的都是新的对象。

class SomeBloc extends Bloc<SomeEvent, SomeState>{
  SomeState _currentState;
  SomeBloc(SomeState initialState) : super(initialState){
_currentState = initialState;
  }
  @override
  Stream<SomeState> mapEventToState(SomeEvent event) async*{
if(event is InCreaseEvent){
  _currentState.num ++;
  //每次 yield 新对象
  yield _currentState.copyWith();
}
  }
}
class SomeState{
  int num;
  SomeState(this.num);
  ///新加 copyWith 方法用于生成副本
  SomeState copyWith(){
return SomeState(num);
  }
}
abstract class SomeEvent{}
class InCreaseEvent extends SomeEvent{}

2.使用Equatable state继承Equatable重写get方法

文档下载:flutter Bloc add两次只响应一次问题解析.doc文档

THE END
喜欢就支持一下吧