flutter bloc 实例

本文通过实例详细解析Flutter中的Bloc模式,首先介绍了如何定义Bloc、Event和State,然后阐述了它们在实际项目中的应用。
摘要由CSDN通过智能技术生成

为了便于理解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');
  }
}
<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值