Flutter Notification (通知)

这篇具有很好参考价值的文章主要介绍了Flutter Notification (通知)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

通知可以用来监听事件,用来刷新页面,先看通知的源码:

class NotificationListener<T extends Notification> extends ProxyWidget {
  /// Creates a widget that listens for notifications.
  const NotificationListener({
    super.key,
    required super.child,
    this.onNotification,
  });
  
  final NotificationListenerCallback<T>? onNotification;

  
  Element createElement() {
    return _NotificationElement<T>(this);
  }
}

从源码可以看出,一般使用方式需要先创建一个继承自 Notification 的类,例如:

class MyNotification extends Notification {
    String value;
  	dynamic data;
	MyNotification(this.value, {this.data});
}

使用 NotificationListener<MyNotification>()onNotification 是一个通知回调,其中有个参数 notification ,也就是 MyNotification 的实例对象:

Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Colors.white,
        child: NotificationListener<MyNotification>(
          onNotification: (notification) {
              if (notification.value == "todo") {
                 ///  do something
                 
              }
            /// retuen true
            return true;
          },
          /// 子组件
          child: ...,
        ),
      ),
    );
  }

在子组件中发送通知:

ElevatedButton(
	/// 按钮点击时分发通知
	onPressed: () => MyNotification("todo").dispatch(context),
	child: Text("Send Notification"),
);

如果在同一个类中获取 dispatch(context) 获取 context 可能会出问题,可以使用嵌套一层 Builder 组件来获取 context文章来源地址https://www.toymoban.com/news/detail-574877.html

Builder(
	builder: (context) {
		return ...;
	},
);

到了这里,关于Flutter Notification (通知)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android 之 Notification (状态栏通知)详解

    本节带来的是Android中用于在状态栏显示通知信息的控件:Notification,相信大部分 学Android都对他都很熟悉,而网上很多关于Notification的使用教程都是基于2.x的,而 现在普遍的Android设备基本都在4.x以上,甚至是5.0以上的都有;他们各自的Notification 都是不一样的!而本节给大家

    2024年02月15日
    浏览(41)
  • ElementUI浅尝辄止26:Notification 通知

    悬浮出现在页面角落,显示全局的通知提醒消息。 适用性广泛的通知栏 带有 icon,常用来显示「成功、警告、消息、错误」类的系统消息 可以让 Notification 从屏幕四角中的任意一角弹出 使用 position 属性定义 Notification 的弹出位置,支持四个选项: top-right 、 top-left 、 bottom

    2024年02月09日
    浏览(34)
  • Android Studio Notification(状态栏通知) 不显示通知 解决

    引言:在学习的过程中,我发现,无论怎么修改,甚至是直接复制了大佬的代码,我的程序都不能正确的弹出状态栏通知,在经过一晚上的纠缠后,终于找到了原因 通知不显示 可能由多种原因引起: 通知权限:确保你的应用已经获得了正确的通知权限。在Android设备上,用户

    2024年02月16日
    浏览(45)
  • 浏览器使用Notification桌面通知消息推送

    了解浏览器桌面通知的使用方法、授权流程以及最佳实践。

    2024年02月12日
    浏览(46)
  • 消息通知(Notification)/用户触达系统设计

    近年来,通知功能已经成为许多应用程序中突出的特性。构建一个能每天发送数百万通知的可扩展系统绝非易事。这正是为什么我觉得有必要记录我在这方面踩坑之路。也叫用户触达系统。 完成这项任务要求对通知生态系统有深刻的理解,否则需求很容易变得模糊和不明确。

    2024年02月04日
    浏览(41)
  • element-ui中Notification 通知自定义样式、按钮及点击事件

    Notification 通知用于悬浮出现在页面角落,显示全局的通知提醒消息。         element-ui官方文档中说明Notification 通知组件的 message  属性支持传入 HTML 片段,但是示例只展示了简单的html片段,通常不能满足开发中的更深入需要,比如我需要把通知弹框添加按钮、复选框,尤其

    2024年02月14日
    浏览(93)
  • Android Studio App开发之通知推送Notification的讲解及实战(给用户推送信息实战)

    运行有问题或需要全部资源请点赞关注收藏后评论区留言~~~ 在APP的运行过程中,为了让用户及时收到某些消息,有必要由App主动向用户推送消息通知,以免错过有价值的信息。 在手机屏幕的顶端下拉会弹出通知栏,里面存放的便是App主动推给用户的提醒消息,消息通知的组

    2023年04月08日
    浏览(57)
  • Flutter:flutter_local_notifications——消息推送的学习

    注: 刚开始学习,如果某些案例使用时遇到问题,可以自行百度、查看官方案例、官方github。 简介 Flutter Local Notifications是一个用于在Flutter应用程序中显示本地通知的插件。它提供了一个简单而强大的方法来在设备上发送通知,以便用户可以在应用程序处于后台或设备锁定状

    2024年02月15日
    浏览(67)
  • 【Android】最新版Android13使用Notification,Notification的基本使用和进阶使用

    1.1 注册一个渠道 在Android13,版本通知的使用发生了新的变化。 1.1.1 NotificationManager原生类 首先我们需要创建一个 NotificationManager 用于管理通知。 NotificationManager 仅支持在 API 等级 11(Android 3.0)及以上的设备上使用 ,因此在较旧的 Android 版本上无法使用较新的通知功能。 `

    2024年01月17日
    浏览(42)
  • Android Notification使用

      在应用的开发中,我们必然会接触到应用通知这个知识,而在通知是随着Android版本进行不断变化,为了能在高版本和低版本中使用,就需要开发者去做适配,也属于查漏补缺。了解之前,先看一个效果图吧。   通知的使用的内容还是比较多的,此篇文章将会尽可能详

    2023年04月08日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包