resolve qr code permssion issue

lib/features/common/qr_code_scanner_screen.dart

@@ -1,14 +1,15 @@
 import 'package:dartx/dartx.dart';
 import 'package:fluentui_system_icons/fluentui_system_icons.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_easy_permission/easy_permissions.dart';
 import 'package:hiddify/core/localization/translations.dart';
 import 'package:hiddify/utils/utils.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:mobile_scanner/mobile_scanner.dart';
-import 'package:permission_handler/permission_handler.dart';
+// import 'package:permission_handler/permission_handler.dart';
 
-final _cameraPermissionProvider =
-    FutureProvider.autoDispose((ref) => Permission.camera.request());
+const permissions = [Permissions.CAMERA];
+const permissionGroup = [PermissionGroup.Camera];
 
 class QRCodeScannerScreen extends StatefulHookConsumerWidget {
   const QRCodeScannerScreen({super.key});
@@ -32,185 +33,157 @@ class _QRCodeScannerScreenState extends ConsumerState<QRCodeScannerScreen>
   final controller =
       MobileScannerController(detectionTimeoutMs: 500, autoStart: false);
   bool started = false;
-  bool settingsOpened = false;
 
+  late FlutterEasyPermission _easyPermission;
   @override
   void initState() {
     super.initState();
     WidgetsBinding.instance.addObserver(this);
+
+    _easyPermission = FlutterEasyPermission()
+      ..addPermissionCallback(onGranted: (requestCode, androidPerms, iosPerm) {
+        debugPrint("android:$androidPerms");
+        debugPrint("iOS:$iosPerm");
+        startQrScannerIfPermissionGranted();
+      }, onDenied: (requestCode, androidPerms, iosPerm, isPermanent) {
+        if (isPermanent) {
+          FlutterEasyPermission.showAppSettingsDialog(title: "Camera");
+        } else {
+          debugPrint("android:$androidPerms");
+          debugPrint("iOS:$iosPerm");
+        }
+      }, onSettingsReturned: () {
+        startQrScannerIfPermissionGranted();
+      });
   }
 
   @override
   void dispose() {
     controller.stop();
+    _easyPermission.dispose();
     WidgetsBinding.instance.removeObserver(this);
     super.dispose();
   }
 
-  @override
-  void didChangeAppLifecycleState(AppLifecycleState state) {
-    if (state == AppLifecycleState.resumed && settingsOpened) {
-      loggy.debug("resumed");
-      ref.invalidate(_cameraPermissionProvider);
-      settingsOpened = false;
-    }
+  void startQrScannerIfPermissionGranted() {
+    FlutterEasyPermission.has(perms: permissions, permsGroup: permissionGroup)
+        .then((value) {
+      if (value) {
+        controller.start().then((result) {
+          if (result != null) {
+            setState(() {
+              started = true;
+            });
+          }
+        }).catchError((error) {
+          loggy.warning("Error starting scanner: $error");
+        });
+      } else {}
+    });
   }
 
   @override
   Widget build(BuildContext context) {
     final t = ref.watch(translationsProvider);
 
-    ref.listen(
-      _cameraPermissionProvider,
-      (previous, next) async {
-        if (next case AsyncData(:final value)
-            when value == PermissionStatus.granted) {
-          try {
-            final result = await controller.start();
-            if (result != null) {
-              setState(() {
-                started = true;
-              });
-            }
-          } catch (error) {
-            loggy.warning("error starting scanner: $error", error);
-          }
-        }
-      },
-    );
+    startQrScannerIfPermissionGranted();
 
-    switch (ref.watch(_cameraPermissionProvider)) {
-      case AsyncData(value: final status)
-          when status == PermissionStatus.granted:
-        final size = MediaQuery.sizeOf(context);
-        final overlaySize = (size.shortestSide - 12).coerceAtMost(248);
+    final size = MediaQuery.sizeOf(context);
+    final overlaySize = (size.shortestSide - 12).coerceAtMost(248);
 
-        return Scaffold(
-          extendBodyBehindAppBar: true,
-          appBar: AppBar(
-            backgroundColor: Colors.transparent,
-            iconTheme: Theme.of(context).iconTheme.copyWith(
-                  color: Colors.white,
-                  size: 32,
-                ),
-            actions: [
-              IconButton(
-                icon: ValueListenableBuilder(
-                  valueListenable: controller.torchState,
-                  builder: (context, state, child) {
-                    switch (state) {
-                      case TorchState.off:
-                        return const Icon(
-                          FluentIcons.flash_off_24_regular,
-                          color: Colors.grey,
-                        );
-                      case TorchState.on:
-                        return const Icon(
-                          FluentIcons.flash_24_regular,
-                          color: Colors.yellow,
-                        );
-                    }
-                  },
-                ),
-                tooltip: t.profile.add.qrScanner.torchSemanticLabel,
-                onPressed: () => controller.toggleTorch(),
-              ),
-              IconButton(
-                icon: const Icon(FluentIcons.camera_switch_24_regular),
-                tooltip: t.profile.add.qrScanner.facingSemanticLabel,
-                onPressed: () => controller.switchCamera(),
-              ),
-            ],
-          ),
-          body: Stack(
-            children: [
-              MobileScanner(
-                controller: controller,
-                onDetect: (capture) {
-                  final rawData = capture.barcodes.first.rawValue;
-                  loggy.debug('captured raw: [$rawData]');
-                  if (rawData != null) {
-                    final uri = Uri.tryParse(rawData);
-                    if (context.mounted && uri != null) {
-                      loggy.debug('captured url: [$uri]');
-                      Navigator.of(context, rootNavigator: true)
-                          .pop(uri.toString());
-                    }
-                  } else {
-                    loggy.warning("unable to capture");
-                  }
-                },
-                errorBuilder: (_, error, __) {
-                  final message = switch (error.errorCode) {
-                    MobileScannerErrorCode.permissionDenied =>
-                      t.profile.add.qrScanner.permissionDeniedError,
-                    _ => t.profile.add.qrScanner.unexpectedError,
-                  };
-
-                  return Center(
-                    child: Column(
-                      mainAxisSize: MainAxisSize.min,
-                      children: [
-                        const Padding(
-                          padding: EdgeInsets.only(bottom: 8),
-                          child: Icon(
-                            FluentIcons.error_circle_24_regular,
-                            color: Colors.white,
-                          ),
-                        ),
-                        Text(message),
-                        Text(error.errorDetails?.message ?? ''),
-                      ],
-                    ),
-                  );
-                },
-              ),
-              if (started)
-                CustomPaint(
-                  painter: ScannerOverlay(
-                    Rect.fromCenter(
-                      center: size.center(Offset.zero),
-                      width: overlaySize,
-                      height: overlaySize,
-                    ),
-                  ),
-                ),
-            ],
-          ),
-        );
-
-      case AsyncData(value: final status):
-        return Scaffold(
-          appBar: AppBar(),
-          body: Center(
-            child: Column(
-              mainAxisAlignment: MainAxisAlignment.center,
-              children: [
-                Text(t.profile.add.qrScanner.permissionDeniedError),
-                if (status == PermissionStatus.permanentlyDenied)
-                  TextButton(
-                    onPressed: () async {
-                      settingsOpened = await openAppSettings();
-                    },
-                    child: Text(t.general.openAppSettings),
-                  )
-                else
-                  TextButton(
-                    onPressed: () {
-                      ref.invalidate(_cameraPermissionProvider);
-                    },
-                    child: Text(t.general.grantPermission),
-                  ),
-              ],
+    return Scaffold(
+      extendBodyBehindAppBar: true,
+      appBar: AppBar(
+        backgroundColor: Colors.transparent,
+        iconTheme: Theme.of(context).iconTheme.copyWith(
+              color: Colors.white,
+              size: 32,
             ),
+        actions: [
+          IconButton(
+            icon: ValueListenableBuilder(
+              valueListenable: controller.torchState,
+              builder: (context, state, child) {
+                switch (state) {
+                  case TorchState.off:
+                    return const Icon(
+                      FluentIcons.flash_off_24_regular,
+                      color: Colors.grey,
+                    );
+                  case TorchState.on:
+                    return const Icon(
+                      FluentIcons.flash_24_regular,
+                      color: Colors.yellow,
+                    );
+                }
+              },
+            ),
+            tooltip: t.profile.add.qrScanner.torchSemanticLabel,
+            onPressed: () => controller.toggleTorch(),
           ),
-        );
+          IconButton(
+            icon: const Icon(FluentIcons.camera_switch_24_regular),
+            tooltip: t.profile.add.qrScanner.facingSemanticLabel,
+            onPressed: () => controller.switchCamera(),
+          ),
+        ],
+      ),
+      body: Stack(
+        children: [
+          MobileScanner(
+            controller: controller,
+            onDetect: (capture) {
+              final rawData = capture.barcodes.first.rawValue;
+              loggy.debug('captured raw: [$rawData]');
+              if (rawData != null) {
+                final uri = Uri.tryParse(rawData);
+                if (context.mounted && uri != null) {
+                  loggy.debug('captured url: [$uri]');
+                  Navigator.of(context, rootNavigator: true)
+                      .pop(uri.toString());
+                }
+              } else {
+                loggy.warning("unable to capture");
+              }
+            },
+            errorBuilder: (_, error, __) {
+              final message = switch (error.errorCode) {
+                MobileScannerErrorCode.permissionDenied =>
+                  t.profile.add.qrScanner.permissionDeniedError,
+                _ => t.profile.add.qrScanner.unexpectedError,
+              };
 
-      default:
-        return Scaffold(
-          appBar: AppBar(),
-        );
-    }
+              return Center(
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    const Padding(
+                      padding: EdgeInsets.only(bottom: 8),
+                      child: Icon(
+                        FluentIcons.error_circle_24_regular,
+                        color: Colors.white,
+                      ),
+                    ),
+                    Text(message),
+                    Text(error.errorDetails?.message ?? ''),
+                  ],
+                ),
+              );
+            },
+          ),
+          if (started)
+            CustomPaint(
+              painter: ScannerOverlay(
+                Rect.fromCenter(
+                  center: size.center(Offset.zero),
+                  width: overlaySize,
+                  height: overlaySize,
+                ),
+              ),
+            ),
+        ],
+      ),
+    );
   }
 }