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，這裏須要特別注意一下。

最後看一下效果截圖：

   

以上！有任何疑問歡迎留言！