Bloc流如何被填充?
创始人
2024-12-22 21:30:27
0

在Flutter中,可以使用BlocBuilderStreamBuilder来监听流并更新UI。以下是一个使用BlocBuilder的示例:

首先,创建一个Bloc类,该类负责管理业务逻辑和状态:

import 'dart:async';

class MyBloc {
  final _controller = StreamController();

  Stream get stream => _controller.stream;

  void fetchData() {
    // 模拟异步获取数据
    Future.delayed(Duration(seconds: 2), () {
      _controller.sink.add('Data from stream');
    });
  }

  void dispose() {
    _controller.close();
  }
}

然后,在你的UI层使用BlocBuilder来监听流并更新UI:

import 'package:flutter/material.dart';

class MyWidget extends StatelessWidget {
  final MyBloc bloc = MyBloc();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Bloc Example'),
      ),
      body: Center(
        child: BlocBuilder(
          bloc: bloc,
          builder: (BuildContext context, String data) {
            if (data == null) {
              return CircularProgressIndicator();
            } else {
              return Text(data);
            }
          },
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          bloc.fetchData();
        },
        child: Icon(Icons.refresh),
      ),
    );
  }

  @override
  void dispose() {
    bloc.dispose();
    super.dispose();
  }
}

在上面的示例中,MyBloc类维护了一个StreamController,用于发布数据流。fetchData方法模拟了一个异步操作并在完成后使用_controller.sink.add将数据添加到流中。

在UI层,我们使用BlocBuilder来监听流并根据数据的变化来更新UI。在builder回调中,我们根据数据是否为null来决定显示进度指示器还是显示数据。

最后,我们在floatingActionButton中调用bloc.fetchData方法来触发数据的获取。

需要注意的是,在组件销毁时,我们需要调用bloc.dispose来关闭流和释放资源,以避免内存泄漏。

相关内容

热门资讯

一分钟了解!皮皮四川麻将攻略(... 一分钟了解!皮皮四川麻将攻略(透明挂)一直真的是有挂(2021已更新)(哔哩哔哩)1、皮皮四川麻将攻...
避坑细节!狂飙娱乐辅助器(透明... 避坑细节!狂飙娱乐辅助器(透明挂)真是真的是有挂(2022已更新)(哔哩哔哩)1、许多玩家不知道狂飙...
一分钟了解!可乐斗地主残局有没... 一分钟了解!可乐斗地主残局有没有挂(透明挂)竟然有挂(2020已更新)(哔哩哔哩)1、这是跨平台的可...
记者爆料!星悦陕西麻将有挂吗(... 记者爆料!星悦陕西麻将有挂吗(透视)都是真的有挂(2023已更新)(哔哩哔哩)1、点击下载安装,星悦...
记者发布!喜扣打筒子外挂(透明... 记者发布!喜扣打筒子外挂(透明挂)都是有挂(2021已更新)(哔哩哔哩)1)喜扣打筒子外挂辅助挂:进...
总算了解!南宁老友十三水有挂吗... 总算了解!南宁老友十三水有挂吗(辅助挂)都是是有挂(2022已更新)(哔哩哔哩);暗藏猫腻,小编详细...
玩家必看教程!大凉山生活号跑得... 玩家必看教程!大凉山生活号跑得快有挂吗(透视)确实是真的有挂(2022已更新)(哔哩哔哩)大凉山生活...
一分钟了解!好玩贰柒拾辅助工具... 一分钟了解!好玩贰柒拾辅助工具(辅助挂)果然真的是有挂(2021已更新)(哔哩哔哩)小薇(透视辅助)...
玩家爆料!八闽状元郎开挂看得出... 玩家爆料!八闽状元郎开挂看得出来吗(辅助挂)都是存在有挂(2021已更新)(哔哩哔哩)1、实时八闽状...
一分钟了解!老友二打一有挂吗(... 一分钟了解!老友二打一有挂吗(透视辅助)一贯真的是有挂(2024已更新)(哔哩哔哩)1、很好的工具软...