flutter_bloc: ^8.1.1

/// 數(shù)據(jù)層
class DemoState {
// 自增數(shù)字
  late int num;
  DemoState init() {
  // 初始化為0
    return DemoState()..num = 0;
  }
  DemoState clone() {
    // 獲取最新對象
    return DemoState()..num = num;
  }
}

/// 頁面中所有的交互事件
abstract class DemoEvent {}
/// 初始化事件
class InitEvent extends DemoEvent {}
/// 自增事件
class IncrementEvent extends DemoEvent {}

/// 邏輯處理層 繼承Bloc
class DemoBloc extends Bloc<DemoEvent, DemoState> {
  ///構(gòu)造方法
  DemoBloc() : super(DemoState().init()) {
    /// on 注冊所有事件 on固定寫法
    on<InitEvent>(_init);
    on<IncrementEvent>(_add);
  }
  /// 私有化邏輯方法 暴露Event事件即可
  void _init(InitEvent event, Emitter<DemoState> emit) {
  // emit方法，通知更新狀態(tài) 類似于 ChangeNotifier的notifyListeners方法。
    emit(state.clone());
  }
  _add(IncrementEvent event, Emitter<DemoState> emit) {
    state.num++;
    // 調(diào)用emit方法更新狀態(tài)
    emit(state.clone());
  }
}

/// UI層
class BlocNumPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  // 以下固定寫法
    return BlocProvider(
      create: (BuildContext context) => DemoBloc()..add(InitEvent()),
      child: Builder(builder: (context) => _buildPage(context)),
    );
  }
  Widget _buildPage(BuildContext context) {
  // 獲取bloc實(shí)例
    final bloc = BlocProvider.of<DemoBloc>(context);
    return Stack(
      children: [
        Center(
        // 對于需要更新狀態(tài)的組件 外層包裹一個BlocBuilder，傳入bloc、state
          child: BlocBuilder<DemoBloc, DemoState>(
            builder: (context, state) {
            // 返回具體ui組件
              return Text("點(diǎn)擊了${bloc.state.num}次");
            },
          ),
        ),
        Positioned(
          bottom: 20,
          right: 20,
          child: FloatingActionButton(
            onPressed: () {
            // 調(diào)用add方法觸發(fā)自增事件，
              bloc.add(IncrementEvent());
            },
            child: Icon(Icons.add),
          ),
        )
      ],
    );
  }
}

/// 寫邏輯
class CubitCubit extends Cubit<CubitState> {
  CubitCubit() : super(CubitState().init());
  ///自增
  void increment() => emit(state.clone()..num = state.num + 1);
}