Flutter事件监听与EventBus事件应用的方法是什么

这篇文章主要介绍“Flutter事件监听与EventBus事件应用的方法是什么”，在日常操作中，相信很多人在Flutter事件监听与EventBus事件应用的方法是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Flutter事件监听与EventBus事件应用的方法是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

一 指针事件 Pointer

1 在指针落下的时候，框架做了一个hit test 的操作，确定与屏幕发生接触的位置有哪些的Widget 以及分发给最内部的组件去响应

2 事件会沿着最内部的组件向组件树的根冒泡分发

3 并且不存在用于取消或者停止指针事件进一步分发的机制

class _EventPointerDemoPageState extends State<EventPointerDemoPage> {  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(        title: Text("事件监听"),      ),      body: Center(          child: Listener(        onPointerDown: (event) {          // 相对于这个container 的 位置          print(event.localPosition);          // 相对于屏幕的位置          print(event.position);          // print("手指按下了$event");        },        onPointerMove: (event) {          // print("手指移动了$event");        },        onPointerUp: (event) {          // print("手指抬起了$event");        },        child: Container(          width: 200,          height: 200,          color: Colors.redAccent,        ),      )),    );  }}

二 手势识别

手势识别Gesture 是对一系列Pointer的封装，官方建议尽可能使用Gesture

1 点击

2 双击

3 长按

4 纵向拖拽

5 横向拖拽

6 移动

基本使用

_gestureDemo() {    return GestureDetector(      onTap: () {        print("点击事件完成了");      },      onPanEnd: (details) {        print(details);      },      onTapDown: (details) {        // 相对于container        print(details.localPosition);        // 相对于屏幕的        print(details.globalPosition);      },      onTapUp: (details) {        // 抬起之后 才会调用 onTap ，证明点击事件完成了        print("1111");      },      child: Container(        width: 200,        height: 200,        color: Colors.blueAccent,      ),    );  }

三 跨组件事件的传递

多重组件的事件传递使用的是EventBus，很方便。

官方建议我们定义不同的Event ,从而区别不同的event

使用的是插件event_bus ,简单 的三步走操作

1 创建全局的event_bus，

import "package:event_bus/event_bus.dart";// 定义一个全局的eventBusfinal eventBus = EventBus();class MyEventMessage {  String? name;  String? action;  MyEventMessage(this.name, this.action);}

2 fire

 return ElevatedButton(        onPressed: () {          print("点击事件");          // 第二步fire          eventBus.fire(MyEventMessage("leonardo", "hahaha"));        },        child: Text("改变文字"));  }

3 listen

 void initState() {    // TODO: implement initState    super.initState();    // 第三步监听操作    eventBus.on<MyEventMessage>().listen((event) {      print(event.name);      setState(() {        _name = event.name!;      });    });  }

到此，关于“Flutter事件监听与EventBus事件应用的方法是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！