Flutterアプリのアプリアイコンにバッジを表示する方法です。
Flutter App Badger pluginを使用します。
このプラグインは、iOS・macOS・一部のAndroidをサポートします。
インストール
flutter pub add flutter_app_badger
設定
iOSではバッチを更新するための通知権限が必要です。
ios/Runner/info.plistを編集し、以下の行を追加します。
<key>UIBackgroundModes</key>
<array>
<string>remote-notification</string>
</array>
バッチを追加する
バッジを追加するには、FlutterAppBadgerのupdateBadgeCountメソッドを使用します。
import 'package:flutter_app_badger/flutter_app_badger.dart';
FlutterAppBadger.updateBadgeCount(1);
バッジを削除する
バッジを削除するには、FlutterAppBadgerのremoveBadgeメソッドを使用します。
import 'package:flutter_app_badger/flutter_app_badger.dart';
FlutterAppBadger.removeBadge();
バッジのサポートを調べる
端末がこの機能をサポートしているかどうかを調べるには、FlutterAppBadgerのisAppBadgeSupportedメソッドを使用します。
import 'package:flutter_app_badger/flutter_app_badger.dart';
FlutterAppBadger.isAppBadgeSupported();