• 26 Flutter仿京东商城项目 购物车之 event_bus事件广播 事件监听


    event_bus 介绍
    在前面的课程我们给大家讲过状态管理 Provider 的使用。
    通俗的讲状态管理就是:当我们想在多个页面(组件/Widget)之间共享状态(数据),或
    者一个页面(组件/Widget)中的多个子组件之间共享状态(数据),这个时候我们就可以
    用 Flutter 中的状态管理来管理统一的状态(数据),实现不同组件直接的传值和数据共享。
     event_bus 主要是实现不同组件之间的数据传值,以及在一个组件中
    执行另一个组件的方法。
    event_bus 使用 事件广播 事件监听
    https://pub.dev/packages/event_bus
    1、配置安装依赖
    event_bus: ^1.1.0
    2、新建一文件 EventBus.dart 配置如下代码
    import 'package:event_bus/event_bus.dart';
    //Bus 初始化
    EventBus eventBus = EventBus();
    class ProductContentEvent {
    String text;
    ProductContentEvent(String text){
    this.text = text;
    }
    }
    3、在需要广播事件的页面引入上面的 EventBus.dart 类 然后配置如下代码湖北众猿腾网络科技有限公司
    eventBus.fire(new ProductContentEvent('购物车'));
    4、在需要监听广播的地方引入上面的 EventBus.dart 类 然后配置如下代码
    void initState() {
    super.initState();
    //监听广播
    eventBus.on<ProductContentEvent>().listen((event){
    print(event);
    this._attrBottomSheet();
    });
    }
    四、event_bus 取消事件监听
    var actionSubscription =eventBus.on<ProductContentEvent>().listen((event){
    print(event);
    this._attrBottomSheet();
    });
    actionSubscription.cancel();
     
     

    加群452892873 下载对应26课文件,运行方法,建好项目,直接替换lib目录,在往pubspec.yaml添加上一下扩展。内含本课pdf课件

    cupertino_icons: ^0.1.2
    flutter_swiper: ^1.1.6
    flutter_screenutil: ^0.5.3
    dio: ^2.1.13
    shared_preferences: ^0.5.3+4
    flutter_inappbrowser: ^1.2.1
    provider: ^3.1.0

    event_bus: ^1.1.0
     
    本课关键文件:
    lib/pages/ProductContent/ProductContentFirst.dart
    lib/pages/ProductContent.dart
    lib/services/EventBus.dart
     

  • 相关阅读:
    《Head First》 MVC运用的设计模式
    unity工具 Animator的使用
    服务器搭建 如果搭建KBE开源服务器
    unity 实战图片挖洞Mask(转载)
    unity博客 推荐(不断补充)
    unity实战 UGUI英雄联盟英雄头顶分段式血条
    unity组成 ToLua
    unity实战 UGUI Text 间距和ContentSizeFitter组件的适配
    unity工具 推荐(不断补充)
    各种单例模式的对比分析
  • 原文地址:https://www.cnblogs.com/yiweiyihang/p/11489553.html
Copyright © 2020-2023  润新知