Flutter-自定义通知

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('监听'),
        ),
        body: NotificationRoute(),
      ),
    );
  }
}

class NotificationRoute extends StatefulWidget {
  @override
  _NotificationRouteState createState() => _NotificationRouteState();
}

class _NotificationRouteState extends State<NotificationRoute> {
  
  String _msg = '';
  
  @override
  Widget build(BuildContext context) {
    return NotificationListener<MyNotification>(
        onNotification: (notification) {
          setState(() {
            _msg += notification.msg + '  ';
          });
        }, 
        child: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              // 通过Builder来构建RaisedButton,来获得按钮位置的context
              Builder(
                  builder: (context) {
                    return RaisedButton(
                      onPressed: () => MyNotification('hi').dispatch(context),
                      child: Text('send notification'),
                    );
                  }
              ),
              Text(_msg),
            ],
          ),
        ),
    );
  }
}

class MyNotification extends Notification {
  MyNotification(this.msg);
  
  final String msg;
}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容