show badge icon in tabbar

lib/presentation/screens/notification/sc_notification.dart

@@ -4,6 +4,7 @@ import 'package:farm_tpf/presentation/custom_widgets/app_bar_widget.dart';
 import 'package:farm_tpf/presentation/custom_widgets/bottom_loader.dart';
 import 'package:farm_tpf/presentation/custom_widgets/dash_line_widget.dart';
 import 'package:farm_tpf/presentation/custom_widgets/loading_list_page.dart';
+import 'package:farm_tpf/presentation/screens/notification/update_count_noti_bloc.dart';
 import 'package:farm_tpf/presentation/screens/plot_detail/sc_plot_detail.dart';
 import 'package:farm_tpf/presentation/screens/plot_detail/sc_plot_information.dart';
 import 'package:farm_tpf/presentation/screens/plot_detail/sc_plot_parameter.dart';
@@ -34,6 +35,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
       print("onMessage: $message");
       try {
         notiBloc.add(OnRefreshFromNotification());
+        updateCountNotiBloc.getNotifications((data) {}, (err) {});
       } catch (e) {
         print(e);
       }
@@ -118,6 +120,7 @@ class _InfinityViewState extends State<InfinityView> {
         if (state is NotiFailure) {
           return Center(child: Text(state.errorString));
         } else if (state is NotiSuccess) {
+          updateCountNotiBloc.getNotifications((data) {}, (err) {});
           if (state.items.isEmpty) {
             return Column(
               crossAxisAlignment: CrossAxisAlignment.start,
@@ -185,6 +188,7 @@ class _InfinityViewState extends State<InfinityView> {
               Expanded(
                   child: RefreshIndicator(
                       child: ListView.builder(
+                        physics: AlwaysScrollableScrollPhysics(),
                         itemBuilder: (BuildContext context, int index) {
                           return index >= state.items.length
                               ? BottomLoader()

lib/presentation/screens/splash/view/splash_page.dart

@@ -9,11 +9,6 @@ class SplashPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-        body: Image.asset(
-      AppAssets.icActionCropStatus,
-      width: Get.width,
-      height: Get.height,
-    ));
+    return Scaffold(body: Center(child: CircularProgressIndicator()));
   }
 }

lib/presentation/screens/tabbar/tabbar.dart

@@ -1,6 +1,9 @@
+import 'package:badges/badges.dart';
+import 'package:farm_tpf/custom_model/NotificationObjectDTO.dart';
 import 'package:farm_tpf/presentation/screens/account/sc_account.dart';
 import 'package:farm_tpf/presentation/screens/control_device/sc_control_device.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/plot/sc_plot.dart';
 import 'package:farm_tpf/utils/const_color.dart';
 import 'package:farm_tpf/utils/const_icons.dart';
@@ -39,6 +42,31 @@ class _TabbarScreenState extends State<TabbarScreen> {
   void initState() {
     super.initState();
     changeTabbar.initValue();
+    updateCountNotiBloc.getNotifications((data) {}, (err) {});
+  }
+
+  Widget textCountNoti() {
+    return StreamBuilder(
+      stream: updateCountNotiBloc.actions,
+      builder: (context, AsyncSnapshot<dynamic> snapshot) {
+        if (snapshot.hasData) {
+          var noti = snapshot.data as NotificationObjectDTO;
+          var unreadNoti =
+              noti.numberUnreadTotal > 99 ? '99+' : '${noti.numberUnreadTotal}';
+          return Text(
+            '$unreadNoti',
+            softWrap: true,
+            style: TextStyle(color: Colors.white, fontSize: 10),
+          );
+        } else {
+          return Text(
+            'O',
+            softWrap: true,
+            style: TextStyle(color: Colors.white, fontSize: 10),
+          );
+        }
+      },
+    );
   }
 
   @override
@@ -92,15 +120,33 @@ class _TabbarScreenState extends State<TabbarScreen> {
                                   child: Column(
                                     mainAxisAlignment: MainAxisAlignment.center,
                                     children: [
-                                      SvgPicture.asset(
-                                        itemsTabbar[index].icon,
-                                        width: 24,
-                                        height: 24,
-                                        color: (tabbarSelected.index ==
-                                                itemsTabbar[index].index)
-                                            ? AppColors.YELLOW
-                                            : AppColors.GRAY1,
-                                      ),
+                                      index == 3
+                                          ? Badge(
+                                              badgeContent: textCountNoti(),
+                                              shape: BadgeShape.circle,
+                                              badgeColor: Colors.red,
+                                              position: BadgePosition(
+                                                  top: -15, start: 10),
+                                              child: SvgPicture.asset(
+                                                itemsTabbar[index].icon,
+                                                width: 24,
+                                                height: 24,
+                                                color: (tabbarSelected.index ==
+                                                        itemsTabbar[index]
+                                                            .index)
+                                                    ? AppColors.YELLOW
+                                                    : AppColors.GRAY1,
+                                              ),
+                                            )
+                                          : SvgPicture.asset(
+                                              itemsTabbar[index].icon,
+                                              width: 24,
+                                              height: 24,
+                                              color: (tabbarSelected.index ==
+                                                      itemsTabbar[index].index)
+                                                  ? AppColors.YELLOW
+                                                  : AppColors.GRAY1,
+                                            ),
                                       Flexible(
                                         child: Text(
                                           itemsTabbar[index].title,