show badge icon count notification

lib/presentation/screens/notification/update_count_noti_bloc.dart

@@ -0,0 +1,28 @@
+import 'package:farm_tpf/custom_model/NotificationObjectDTO.dart';
+import 'package:farm_tpf/data/repository/repository.dart';
+import 'package:rxdart/rxdart.dart';
+
+class UpdateCountNotiBloc {
+  final _repository = Repository();
+  final _notiFetcher = PublishSubject<dynamic>();
+
+  Stream<dynamic> get actions => _notiFetcher.stream;
+
+  void getNotifications(Function(NotificationObjectDTO) onSuccess,
+      Function(String) onError) async {
+    _repository.getNotifications().then((value) {
+      onSuccess(value);
+      _notiFetcher.sink.add(value);
+    }).catchError((onError) {
+      onError(onError);
+      _notiFetcher.addError(onError);
+    });
+  }
+
+  void dispose() async {
+    await _notiFetcher.drain();
+    _notiFetcher.close();
+  }
+}
+
+final updateCountNotiBloc = UpdateCountNotiBloc();

lib/presentation/screens/slide_menu/drawer_user_controller.dart

@@ -1,4 +1,5 @@
 import 'package:farm_tpf/data/repository/user_repository.dart';
+import 'package:farm_tpf/presentation/screens/notification/update_count_noti_bloc.dart';
 import 'package:farm_tpf/utils/const_color.dart';
 import 'package:farm_tpf/utils/pref.dart';
 import 'package:flutter/material.dart';
@@ -60,6 +61,8 @@ class _DrawerUserControllerState extends State<DrawerUserController>
             setState(() {
               scrolloffset = 1.0;
               try {
+                //open Drawer
+                updateCountNotiBloc.getNotifications((data) {}, (err) {});
                 widget.drawerIsOpen(true);
               } catch (_) {}
             });

lib/presentation/screens/slide_menu/home_drawer.dart

@@ -1,6 +1,9 @@
+import 'package:badges/badges.dart';
 import 'package:farm_tpf/authentication/authentication.dart';
+import 'package:farm_tpf/custom_model/NotificationObjectDTO.dart';
 import 'package:farm_tpf/data/repository/user_repository.dart';
 import 'package:farm_tpf/presentation/screens/notification/sc_notification.dart';
+import 'package:farm_tpf/presentation/screens/notification/update_count_noti_bloc.dart';
 import 'package:farm_tpf/presentation/screens/profile/sc_update_profile.dart';
 import 'package:farm_tpf/utils/const_color.dart';
 import 'package:farm_tpf/utils/pref.dart';
@@ -154,10 +157,7 @@ class _HomeDrawerState extends State<HomeDrawer> {
                   ),
                   textAlign: TextAlign.left,
                 ),
-                leading: Icon(
-                  Icons.notifications,
-                  color: Colors.black,
-                ),
+                leading: _iconWithBadgeNotiCount(),
                 onTap: () {
                   navigationtoScreen(currentDrawerIndex);
                   Navigator.of(context).push(
@@ -333,6 +333,49 @@ class _HomeDrawerState extends State<HomeDrawer> {
       pref.saveString(DATA_CONST.PUSH_KEY, "");
     }
   }
+
+  Widget _iconWithBadgeNotiCount() {
+    return StreamBuilder(
+      stream: updateCountNotiBloc.actions,
+      builder: (context, AsyncSnapshot<dynamic> snapshot) {
+        if (snapshot.hasData) {
+          var noti = snapshot.data as NotificationObjectDTO;
+          var unreadNoti = noti.numberUnreadTotal.toString();
+          return Badge(
+            badgeContent: Text(
+              '' + unreadNoti,
+              softWrap: true,
+              style: TextStyle(color: Colors.white),
+            ),
+            shape: BadgeShape.square,
+            badgeColor: Colors.red,
+            borderRadius: 20,
+            position: BadgePosition(top: -15, start: 10),
+            child: Icon(
+              Icons.notifications,
+              color: Colors.black,
+            ),
+          );
+        } else {
+          return Badge(
+            badgeContent: Text(
+              '0',
+              softWrap: true,
+              style: TextStyle(color: Colors.white),
+            ),
+            shape: BadgeShape.square,
+            badgeColor: Colors.red,
+            borderRadius: 20,
+            position: BadgePosition(top: -15, start: 10),
+            child: Icon(
+              Icons.notifications,
+              color: Colors.black,
+            ),
+          );
+        }
+      },
+    );
+  }
 }
 
 enum DrawerIndex { ScanBarcode, Home, ControlDevice }

pubspec.lock

@@ -29,6 +29,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.4.2"
+  badges:
+    dependency: "direct main"
+    description:
+      name: badges
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.3"
   barcode_scan:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -39,6 +39,7 @@ dependencies:
   http: ^0.12.2
   http_parser: ^3.1.4
   rflutter_alert: ^1.1.0
+  badges: ^1.1.1
 
   camera: ^0.5.8+5
   path_provider: ^1.6.14