flutter bloc 实例

Flutter Bloc 深入实践

最新推荐文章于 2025-10-28 14:40:19 发布

原创

最新推荐文章于 2025-10-28 14:40:19 发布 · 697 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android #ios

本文通过实例详细解析Flutter中的Bloc模式，首先介绍了如何定义Bloc、Event和State，然后阐述了它们在实际项目中的应用。

为了便于理解flutter bloc 我们先看看他是怎么用的

我们先定义相关的bloc

test_bloc.dart

import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:test_flutter/blocs/test_event.dart';
import 'package:test_flutter/blocs/test_state.dart';

class TestBloc extends Bloc<TestEvent, TestState> {
  TestBloc() : super(TestState()) {
    //获取用户的孩子
    on<LoadTestEvent>(
      (event, emit) async {

        emit(TestSuccessState('Hello'+event.type.toString()));
        return;
      },
    );
  }
}

test_event.dart

import 'package:equatable/equatable.dart';

class TestEvent extends Equatable {
  @override
  List<Object?> get props => [];
}

class LoadTestEvent extends TestEvent {
  int type;
  LoadTestEvent(this.type);
}

class  TestChangeEvent extends TestEvent {
  TestChangeEvent() {
    print('TestChangeEvent');
  }
}

test_state.dart