https://www.jianshu.com/p/f787f2414a38
https://pub.dev/packages/badges
背景
在进行app开发的过程中,我们往往需要实现类似于微信图标右上角的消息提醒红点功能。类似下图:
在传统的App开发流程中,这种问题都有现成的解决方案,但是在Flutter中如何实现类似效果呢?社区已经有了一个库实现类似的功能flutter_app_badger, 这个库的实现原理是对社区中原来已经有的库进行了一个简单的封装,方便Flutter框架调用
具体使用
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>
这个库的使用方法非常简单,api只有以下几个:
- 设置右上角数字
FlutterAppBadger.updateBadgeCount(1);
// 只支持int类型
- 移除红点
FlutterAppBadger.removeBadge();
- 检查当前设备是否支持该特性:
FlutterAppBadger.isAppBadgeSupported();
作者:广兰路地铁
链接:https://www.jianshu.com/p/f787f2414a38
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
原文地址:https://www.cnblogs.com/sundaysme/p/12560885.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。