嵌套 BlocBuilder() 调用的问题

2023-12-29

我的 Flutter 应用程序有多个 BloC(通过bloc and 颤振块包)这导致了一些技术困难,我使用解决方法解决了这些问题,但我想知道是否有更好的解决方案。

我在用块构建器()当监听一个块时,每个块都有自己的 BlocBuilder() 调用。首先,我嵌套 BlocBuilder() 调用,如下所示:

Widget build(BuildContext context) {
    return BlocBuilder (
           
       bloc: bloc1,
            
       builder: (ctx, snapshot1) {
          do_something1(snapshot1);
                
          return BlocBuilder(ctx2, snapshot2) {
             bloc: bloc2,
             builder: (ctx2, snapshot2) {
                       
                do_something2(snapshot2);
                      
                return renderWidget();
             }
             
          }
            
       }
       
    );
    
}

我对这个嵌套 BlocBuilder() 调用遇到的问题是,如果 bloc1 有数据进入,则 bloc2 的 BlocBuilder() 将被重新调用,导致 bloc2 的当前状态被重新 read() 并导致 do_something2 遇到困难() 理想情况下,仅当 bloc2 有新数据时才应调用它。

所以我所做的是为每个 BlocBuilder() 调用创建一个单独的小部件,从而产生以下新的 build():

Widget build(BuildContext context) {
    return Column(
         
       children: [
          WidgetBlocBuilder1(),
                
          WidgetBlocBuilder2(),
          renderWidget(),
        ],
    
    );
}

这样做的作用是,传入 bloc1 或 bloc2 的任何数据都将分别本地化在 WidgetBlocBuilder1() 或 WidgetBlocBuilder2() 中,更重要的是,传入的 bloc 数据不会导致另一个 bloc 的 BlocBuilder() 被重新调用( )就像我的嵌套 BlocBuilder() 方法中的情况一样。

这是 WidgetBlocBuilder1() 的 build():

Widget build(BuildContext context) {
    return BlocBuilder(
      bloc: bloc,
      builder: (ctx, snapshot) {
        if (snapshot is CommandEditorSaveFile) {
          _saveDocumentFile(ctx);
        }
        return Visibility(
          child: Text('test'),
          visible: false,
        );
      },
    );
}

请注意,WidgetBlocBuilder1() 是一个不可见的小部件,如 Visibility(visible:false) 包装器所示。这是因为小部件本身不应该在屏幕上呈现任何内容;该小部件只是 BlocBuilder() 调用的包装器。如果传入的块数据应该更改父窗口小部件的可见状态,则需要编写逻辑来实现它。

这个解决方法似乎有效,但我想知道是否有更好的解决方案。

任何建议将不胜感激。

/何塞利托


根据 pskink 的建议,另一种解决方案是使用一个流生成器()听取多个集团的意见。为此,我使用了一个名为多重流构建器.

这是使用此包的示例 build():

  Widget build(BuildContext context) {
    return StreamBuilder2<int, int>(
      streams: Tuple2(bloc1!.stream, bloc2!.stream),
      builder: (contex, snapshot) {
        if (snapshot.item1.hasData) {
          print(snapshot.item1.data);
        }
        if (snapshot.item2.hasData) {
          print(snapshot.item2.data);
        }
        return Scaffold(
          appBar: AppBar(title: Text("test title")),
          body: WidgetTest(),
        );
      },
    );
 }

在上面的 build() 中,我正在监听 2 个块,它们都返回一个 int,因此调用StreamBuilder2()。要找出哪个区块已发出数据,您可以调用快照.item1.hasdata or 快照.item2.hasdata.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

嵌套 BlocBuilder() 调用的问题 的相关文章

  • flutter run 无法在 iOS 模拟器上运行,但 Xcode 可以构建

    在我的 Flutter 项目中 flutter run命令无法将项目构建到 iOS 模拟器 但在 Xcode 中 当我单击构建按钮时 Xcode 可以毫无问题地构建它 我正在使用 AgoraRTC 库 添加 Flutter Quill 后就
  • 颤动中的单选按钮对齐

    我是颤振的新手 我想对齐单选按钮 即 无论文本是什么 单选按钮都应该按列对齐 我在用Column然后小部件Row其中的小部件但得到以下结果 代码在这里 Widget build BuildContext context return Con
  • 显示菜单位置 Flutter

    我有一个 GridView 小部件 其中包含一些用 GestureDetector 包裹的 GridTiles 当我长按它时 尝试显示一个菜单以删除 GridTile 一切都很好 除了我希望从我拥有的点开始显示该菜单点击的不是应用程序的顶部
  • Dart 是单线程的,但为什么它使用 Future 对象并执行异步操作

    在文档中 Dart 是单线程的 但为了一次执行两个操作 我们使用与线程相同工作的 future 对象 使用Future对象 futures 来执行异步操作 如果 Dart 是单线程的 那么为什么它允许执行异步操作 Note 异步操作是并行操
  • 颤振文本小部件仅显示最后一个条目

    我正在尝试在 flutter 中创建日历 目前我正在实施这些活动 为了测试这一点 我创建了一个方法来检查当前日期 即创建行的时间 是否有事件 如果是这种情况 则会在表示内容的容器中打印 x 整个事情只是第一次测试 看它是否在原则上有效 当我
  • CustomPainter 使用 Listenable 重绘

    CustomPainter 类似乎有几种触发重绘的方法 我让我的画家使用 shouldRepaint 方法 但是 我希望我的画家对可监听中的更改做出反应 而不是轮询更改 Flutter 文档指出 触发重绘的最有效方法是 扩展此类并向 Cus
  • 如何在 Flutter/Dart 中使用带有基类的 Provider

    我有这样的基类和派生类 abstract class A extends ChangeNotifier class B extends A 我正在使用这样的提供者 ChangeNotifierProvider b create contex
  • 构建 FutureBuilder 时抛出 _TypeError(脏,状态:_FutureBuilderState 类型“Null”不是类型“List”的子类型

    我已经处理这个问题很长时间了 我正在尝试解析 JSON 并将其转换为列表视图 我收到响应正文 它也被转换为列表 但它向未来的构建器发送 null 我收到此错误 小部件库捕获的异常 构建 FutureBuilder dirty state F
  • Flutter 命令删除 .pub-cache 文件夹中的包

    如何删除flutter包 pub cache文件夹 当我们给予flutter clean 它将删除当前目录中的build文件夹 我们可以手动删除 但是我的要求是删除里面的包 pub cache使用命令的文件夹 要清除全局 PUB CACHE
  • 父数据小部件使用不正确。扩展的小部件必须放置在弹性小部件内

    我收到以下错误 即 抛出了另一个异常 ParentDataWidget 的使用不正确 在移动屏幕上显示错误 override Widget build BuildContext context return MaterialApp titl
  • 是否可以在flutter中开发移动键盘应用程序

    我们想要开发具有一些独特功能 例如在键盘上翻译 的移动键盘应用程序 第三方键盘 我们想知道是否有一种方法可以同时为 IOS 和 Android 开发一次 使用 Flutter 或者其他解决方案 对此有一个长的和一个短的答案 简短的回答基本上
  • 尝试将 Flutter 应用上传到 ItunesConnect 时出现 UIWebView 错误

    我正在尝试将我的应用程序上传到应用程序商店 但是我不断收到错误消息 表明我的应用程序存在此问题 ITMS 90809 已弃用的 API 使用 不再接受使用 UIWebView 的新应用程序 相反 使用 WKWebView 可以提高安全性和可
  • MappedListIterable 不是子类型

    我是 flutter 和 dart 的新手 并尝试从 firestore 作为流获取数据并将其提供给我的 ListView 但我不断收到此错误 type MappedListIterable
  • 颤振动态形式无法正常工作

    在我的应用程序中 我想创建一组动态表单 用户可以在其中添加更多项目 在这种动态形式中 它由两个文本字段 1 电话字段 2 电子邮件字段和一个下拉字段组成 但我尝试的任何事情都无法正常工作 我已经要求修复我的代码 但没有得到答复 堆栈溢出问题
  • 如何为发布而不是调试创建密钥库?扑

    我按照使用此网站部署 flutter 的步骤进行操作https flutter io android release https flutter io android release 当我运行 flutter build apk 时出现此错
  • Flutter:构造函数中 List 参数的默认分配

    在定义构造函数时 是否可以将常量值分配给数据类型 List 的可选参数 例如 class sample final int x final List
  • AppLifeCycleState.detached 未被调用

    import package flutter material dart void main gt runApp MyApp class MyApp extends StatelessWidget override Widget build
  • Flutter Scaffold Appbar 不显示后退按钮

    我的课程没有在 AppBar 中显示后退按钮 已经尝试将 this automaticallyImplyLeading true import package carros pages carro carro dart import pac
  • 不使用 BuildContext 预加载图像

    有没有办法在函数中加载 Flutter 中的图像而无需访问 BuildContext Flutter 可以预加载图像precacheImage 需要BuildContext 使用起来不方便 我想加载图像initState StatefulW
  • Flutter 中有预填充数据库使用的示例吗?

    Flutter 中有预填充数据库使用的示例吗 我不需要 CRUD 示例 此时我只需要从数据库读取数据即可 我是 Flutter 新手 所以一步一步的教程会很好 您可以将您的应用程序与预填充的 sqlite 数据库捆绑在一起assets文件夹

随机推荐