Flutter中Bloc使用自增/自减运算符失效问题咨询

问题代码 #

class CounterBloc extends Bloc<CounterEvent, CounterState> {
  CounterBloc() : super(CounterState()) {
    on<CounterIncrementEvent>((event, emit) {
      emit(state.copyWith(count: state.count++));
      // if i use state.count+1 its working.
    });
    on<CounterDecrementEvent>((event, emit) {
      emit(state.copyWith(count: state.count--));
      // if i use state.count-1 its working.
    });
  }
}

问题描述 #

在Flutter中使用Bloc状态管理时遇到问题：当使用++或--自增/自减运算符时功能失效，但改为state.count+1或state.count-1后即可正常运行，请问该问题的原因是什么？

原因解析 #

这核心是后置自增/自减运算符的执行逻辑导致的：

• state.count++是后置自增，执行顺序是：先返回当前state.count的旧值，再对该值进行加1操作。但Bloc的状态是不可变的，你传给copyWith的是未加1的旧值，后续的自增操作只会修改旧状态的临时值，不会影响新发出的状态，所以界面不会更新。
• state.count+1则是直接计算出当前值加1后的新结果，把这个新值传给copyWith，就能生成正确的新状态，自然能触发界面更新。

同理，state.count--也是先返回旧值再执行减1，导致发出的状态没有变化；而state.count-1直接传递减1后的新值，所以功能正常。

如果一定要用自增运算符，可以改用前置自增（++state.count），它会先完成加1操作，再返回新值。不过更推荐使用state.count+1的写法，逻辑更直观，也更符合Bloc不可变状态的设计原则。

内容的提问来源于stack exchange，提问作者Irfan Ganatra