Flutter学习笔记（35）--通知Notification

如需转载，请注明出处：Flutter学习笔记（35）--通知Notification

通知的NotificationListener和我们之前写的事件的Listener一样，都是功能性的组件，而且也都是从子节点顺着widget树向上冒泡，不同的是，事件的Listener不可以被终止，但是通知的NotificationListener是可以被终止的。

是否终止根据NotificationListener的返回值来决定。

说一下我个人的理解：

通知Notification的发送是通过disPatch进行分发的，就好像Android里面的事件分发，当NotificationListener监听到了通知事件，这时候会走到其onNotification回调中，根据回调中的返回值类型（true还是false）来决定是否还继续向父亲节点发送通知。

返回true就是继续分发，返回false就是终止分发，返回false就意味着上层节点的NotificationListener就不会接收到通知事件了。

举个例子就是：

两层NotificationListener嵌套，子节点的NotificationListener返回true，那么父亲节点的NotificationListener可以接收到通知事件，反之如果返回false，那么父亲节点的NotificationListener就不会接收到通知事件了。

下面看一下demo示例：

demo就是简单的发送通知，监听到通知事件后改变text的内容。

1.创建一个事件通知类，要继承Notification，它其实就是一个数据载体，在里面定义通知数据的类型和内容。

import 'package:flutter/material.dart';

class MyNotification extends Notification{
  String notificationStr;

  MyNotification(this.notificationStr);
}

2.NotificationListener的使用和通知事件的分发

import 'package:flutter/material.dart';
import 'package:study_app/util/MyNotification.dart';

class NotificationDemo extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _NotificationDemoState();
  }
}

class _NotificationDemoState extends State {
  String _notificationData = 'default_data';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'NotificationDemo',
      home: new Scaffold(
          appBar: AppBar(
            title: Text('NotificationDemo'),
          ),
          body: NotificationListener<MyNotification>(
            onNotification: (notification) {
              setState(() {
                _notificationData = notification.notificationStr;
              });
              return true;
            },
            child: Column(
              children: <Widget>[
                Text(_notificationData),
                Builder(
                  builder: (context) {
                    return Container(
                      width: double.infinity,
                      child: RaisedButton(
                          child: Text('发送通知'),
                          onPressed: () {
                            MyNotification('notification_data')
                                .dispatch(context);
                          }),
                    );
                  },
                )
              ],
            ),
          )),
    );
  }
}

在看书的时候，作者强调了一种错误的写法，如下图注释的部分：

原因是通知在分发的时候，需要一个context参数，这个参数指的是Notification监听的子widget的context，如果按照注释部分的写法的话，context是根widget的，这样会导致监听不到子widget了。

所以需要我们通过Builder构建出我们子widget的context，这里需要特别注意一下。

最后看一下效果截图：

   

以上！有任何疑问欢迎留言！