flutter 桌面app启动图标右上角红点实现(消息通知)

本文介绍了在Flutter桌面应用程序中实现类似微信消息通知红点的步骤,引用了flutter_app_badger库,详细讲解了如何配置pubspec.yaml,以及如何在代码中调用相关API来设置和移除红点提示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景

  在进行app开发的过程中,我们往往需要实现类似于微信图标右上角的消息提醒红点功能。类似下图:
微信右上角红点
  在传统的App开发流程中,这种问题都有现成的解决方案,但是在flutter中如何实现类似效果呢?社区已经有了一个库实现类似的功能flutter_app_badger, 这个库的实现原理是对社区中原来已经有的库进行了一个简单的封装,方便flutter框架调用

具体使用

在pubspec.yaml文件中加入如下内容:

dependencies:
  flutter_app_badger: ^1.1.2

然后执行命令flutter pub get,安装到本地。
使用时只需在文件头部加上如下内容:

import 'package:flutter_app_badger/flutter_app_badger.dart';

为了适配ios设备,还需要在Info.plist文件中添加如下键值对:

<key>UIBackgroundModes</key>
    <array>
        <string>remote-notification</string>
    </array>

这个库的

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值