feat: implemenat refresh indicator

lib/features/home/presentation/screen/home_screen.dart

@@ -1,8 +1,13 @@
+import 'dart:math' as math;
+
+import 'package:custom_refresh_indicator/custom_refresh_indicator.dart';
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
 import 'package:iconsax_flutter/iconsax_flutter.dart';
+import 'package:provider/provider.dart';
 import 'package:rijig_mobile/core/utils/guide.dart';
 import 'package:rijig_mobile/features/home/presentation/components/about_comp.dart';
+import 'package:rijig_mobile/features/home/presentation/viewmodel/about_vmod.dart';
 import 'package:rijig_mobile/widget/card_withicon.dart';
 
 class HomeScreen extends StatefulWidget {
@@ -17,10 +22,29 @@ class _HomeScreenState extends State<HomeScreen> {
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: whiteColor,
-      body: SafeArea(
-        child: SingleChildScrollView(
-          padding: PaddingCustom().paddingHorizontalVertical(16, 20),
-          child: Column(
+      body: CustomMaterialIndicator(
+        onRefresh: () async {
+          await Provider.of<AboutViewModel>(
+            context,
+            listen: false,
+          ).getAboutList();
+        },
+        backgroundColor: whiteColor,
+        indicatorBuilder: (context, controller) {
+          return Padding(
+            padding: const EdgeInsets.all(6.0),
+            child: CircularProgressIndicator(
+              color: primaryColor,
+              value:
+                  controller.state.isLoading
+                      ? null
+                      : math.min(controller.value, 1.0),
+            ),
+          );
+        },
+        child: SafeArea(
+          child: ListView(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 20),
             children: [
               Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -72,7 +96,7 @@ class _HomeScreenState extends State<HomeScreen> {
                     children: [
                       Text(
                         "Important!",
-                        style: const TextStyle(
+                        style: TextStyle(
                           fontSize: 16,
                           fontWeight: FontWeight.w600,
                           color: Colors.black,
@@ -80,7 +104,7 @@ class _HomeScreenState extends State<HomeScreen> {
                       ),
                     ],
                   ),
-                  const Gap(15),
+                  Gap(15),
                   AboutComponent(),
                 ],
               ),
@@ -94,7 +118,7 @@ class _HomeScreenState extends State<HomeScreen> {
                       children: [
                         Text(
                           "Artikel",
-                          style: const TextStyle(
+                          style: TextStyle(
                             fontSize: 16,
                             fontWeight: FontWeight.w600,
                             color: Colors.black,
@@ -105,6 +129,7 @@ class _HomeScreenState extends State<HomeScreen> {
                   ),
                 ],
               ),
+              Gap(20),
             ],
           ),
         ),

lib/features/requestpick/presentation/screen/requestpickup_screen.dart

@@ -1,3 +1,6 @@
+import 'dart:math' as math;
+
+import 'package:custom_refresh_indicator/custom_refresh_indicator.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:provider/provider.dart';
@@ -6,21 +9,48 @@ import 'package:rijig_mobile/globaldata/trash/trash_viewmodel.dart';
 import 'package:rijig_mobile/widget/appbar.dart';
 import 'package:shimmer/shimmer.dart';
 
-class RequestPickScreen extends StatelessWidget {
+class RequestPickScreen extends StatefulWidget {
   const RequestPickScreen({super.key});
 
   @override
-  Widget build(BuildContext context) {
-    Future.microtask(() {
-      // ignore: use_build_context_synchronously
+  RequestPickScreenState createState() => RequestPickScreenState();
+}
+
+class RequestPickScreenState extends State<RequestPickScreen> {
+  @override
+  void initState() {
+    super.initState();
     Provider.of<TrashViewModel>(context, listen: false).loadCategories();
-    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
     final String? baseUrl = dotenv.env["BASE_URL"];
 
     return Scaffold(
       backgroundColor: whiteColor,
       appBar: CustomAppBar(judul: "Pilih sampah"),
-      body: Consumer<TrashViewModel>(
+      body: CustomMaterialIndicator(
+        onRefresh: () async {
+          await Provider.of<TrashViewModel>(
+            context,
+            listen: false,
+          ).loadCategories();
+        },
+        backgroundColor: Colors.white,
+        indicatorBuilder: (context, controller) {
+          return Padding(
+            padding: const EdgeInsets.all(6.0),
+            child: CircularProgressIndicator(
+              color: primaryColor,
+              value:
+                  controller.state.isLoading
+                      ? null
+                      : math.min(controller.value, 1.0),
+            ),
+          );
+        },
+        child: Consumer<TrashViewModel>(
           builder: (context, viewModel, child) {
             if (viewModel.isLoading) {
               return ListView.builder(
@@ -36,7 +66,8 @@ class RequestPickScreen extends StatelessWidget {
             }
 
             return ListView.builder(
-            itemCount: viewModel.trashCategoryResponse?.categories.length ?? 0,
+              itemCount:
+                  viewModel.trashCategoryResponse?.categories.length ?? 0,
               itemBuilder: (context, index) {
                 final category =
                     viewModel.trashCategoryResponse!.categories[index];
@@ -64,6 +95,7 @@ class RequestPickScreen extends StatelessWidget {
             );
           },
         ),
+      ),
     );
   }
 }