1

Is it possible to use flutter to keep the notification badge on the app icon even after opening and closing the app? Ex.: user has a badge of value 6, opens app to read one message, closes app, badge now reads as 5.

How do I achieve this functionality? (Specifically looking for iOS solution, but also interested in hearing about Android side if you have tips)

gannonbarnett
  • 1,638
  • 1
  • 16
  • 28
  • I think it can be realised through Shared Preferences. You can have a boolean to indicate whether a message has been read and then iterate through the preferences when a new message ticks in or a message has been read by the user. – flarkmarup Apr 22 '19 at 17:35
  • 1
    My question is how to make iOS not release any badge once the app is opened not exact implementation of messages. – gannonbarnett Apr 22 '19 at 18:18
  • As I know, badge count can only be sent from server side with notification. We're trying same at our end but not receiving badge count on iOS app with other (title and body) data. Can you replay here if your issue is solved? – Purvik Rana Oct 13 '20 at 15:09

1 Answers1

1

One way of achieving this is using the flutter_app_badger package, which allows you to set the app badge using the updateBadgeCount function. The trick is that you need to call this function at least once when your app is in the foreground before the app is put to the background or closed. One way to do this is to extend WidgetsBindingObserver and override didChangeAppLifecycleState in one of your widgets at the top of the widget tree:

class HomeScreen extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> with WidgetsBindingObserver {

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    switch (state) {
      case AppLifecycleState.resumed:
        print("app in resumed");

        if (PushNotificationsManager.appBadgeSupported) {
          FlutterAppBadger.updateBadgeCount(14);
        }

        break;
      case AppLifecycleState.inactive:
        print("app in inactive");

        break;
      case AppLifecycleState.paused:
        print("app in paused");

        break;
      case AppLifecycleState.detached:
        print("app in detached");

        break;
    }
  }
}

The app badge will not persist by itself, which is why you need to call this function at least once each time your app is in the foreground and a great place to do that is in didChangeAppLifecycleState when AppLifecycleState changes. If you call updateBadgeCount in the AppLifecycleState.resumed state like above, you'll also need to call updateBadgeCount once when your app starts (you can do this in the init function of a class like PushNotificationsManager if you have one, otherwise just do it in one of your widgets init function).

You can also put updateBadgeCount in the other states like AppLifecycleState.inactive or AppLifecycleState.paused, which will work in most cases but be cautious about this because if the app is closed/terminated without the inactive or paused state triggering, then the app badge will not be updated because the updateBadgeCount function is not called.

For completeness: when your app is closed or in the background, you can update your app badge using Apple Push Notification service. Include the badge number in the payload, as shown here. Then when the user opens your app, the code above will execute and the badge number will be updated again so that when the user closes the app or the app goes into the background, the badge number will "persist" as seen by the user.

More about WidgetsBindingObserver and how to detect if app is in foreground/background here.

brianbhsu
  • 670
  • 7
  • 12