[flutter] 앱 배지 숫자 알림 적용하는 방법

앱 아이콘에 배지 숫자 알림을 적용하는 방법

우리가 열심히 만든 앱을 사용자가 다운로드 받았다면, 그다음으로는 앱을 지속적으로 열어보도록 다양한 방법으로 유도해야 한다고 생각합니다. 그중에 하나가 배지 알림 기능으로 앱 아이콘에 숫자를 표시하는 방법이고요.

 

플러터에선 flutter_app_badger 패키지를 사용하면 정말 간단하게 구현할 수 있습니다. 우선 패키지를 설치합니다. (https://pub.dev/packages/flutter_app_badger)

$ flutter pub add flutter_app_badger

 

사용자 권한 요청

iOS의 경우 사용자에게 배지 알림 권한을 요청해야 하는데요. iOS > Runner > Info.plist 파일에 아래 코드를 추가하면 됩니다. 그러면 사용자 배지 기능을 사용할 때 알아서 권한 요청 팝업을 띄워줍니다.

// Info.plist
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  ...
  ...
  <key>UIBackgroundModes</key>
  <array>
    <string>remove-notification</string>
  </array>
</dict>
</plist>

 

배지 숫자 변경 및 초기화

// 배지 숫자를 99로 변경하는 함수
Future<void> changeBadgeCount() async {
  final bool isAppBadge = await FlutterAppBadger.isAppBadgeSupported();
  if (isAppBadge == true) {
    await FlutterAppBadger.updateBadgeCount(99);
  }
}

// 배지 숫자를 0으로 초기화하는 함수
Future<void> resetBadgeCount() async {
  final bool isAppBadge = await FlutterAppBadger.isAppBadgeSupported();
  if (isAppBadge == true) {
    await FlutterAppBadger.removeBadge();
  }
}

 

패키지를 이용한 배지 숫자 알림을 구현해 봤는데요. 조금이나마 도움이 되었으면 좋겠네요. 감사합니다. 😊