Flutterでホーム画面のアプリアイコンにバッジを表示する

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();

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください