Flutter學習筆記（35）--通知Notification

CurtisWgh發表於2020-06-19
Flutter筆記

如需轉載，請註明出處：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，這裡需要特別注意一下。

最後看一下效果截圖：

Flutter學習筆記（35）--通知Notification    Flutter學習筆記（35）--通知Notification

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

 

相關文章