Migrating qr_code_scanner to mobile_scanner in talawa mobile

devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

lib/locator.dart

@@ -101,6 +101,7 @@ final actionHandlerService = locator<ActionHandlerService>();
 ///
 /// **returns**:
 ///   None
+
 Future<void> setupLocator() async {
   locator.registerSingleton(DataBaseMutationFunctions());
 

lib/splash_screen.dart

@@ -12,12 +12,18 @@ import 'package:talawa/utils/app_localization.dart';
 
 /// This widget return the SplashScreen. Splash Screen is the first screen that we see when we run our application. It is also known as Launch Screen.
 class SplashScreen extends StatefulWidget {
-  const SplashScreen({required Key key, this.mainScreenIndex = 0})
-      : super(key: key);
+  const SplashScreen({
+    required Key key,
+    this.mainScreenIndex = 0,
+    this.isTesting = false,
+  }) : super(key: key);
 
   /// This is required if url requires us to push different Screen to Home Screen.
   final int mainScreenIndex;
 
+  /// for testing purpose.
+  final bool isTesting;
+
   @override
   _SplashScreenState createState() => _SplashScreenState();
 }
@@ -206,6 +212,8 @@ class _SplashScreenState extends State<SplashScreen> {
   /// **returns**:
   ///   None
   void _handleUserLogIn(bool userLoggedIn) {
+    print(widget.isTesting);
+    if (widget.isTesting) return;
     Future.delayed(const Duration(milliseconds: 750)).then((value) async {
       final pushReplacementScreen = navigationService.pushReplacementScreen;
       if (!userLoggedIn) {
@@ -239,9 +247,9 @@ class _SplashScreenState extends State<SplashScreen> {
   }
 
   @override
-  void dispose() {
-    _sub.cancel();
+  Future<void> dispose() async {
     super.dispose();
+    await _sub.cancel();
   }
 
   @override

lib/view_model/pre_auth_view_models/select_organization_view_model.dart

@@ -2,7 +2,8 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:graphql_flutter/graphql_flutter.dart';
-import 'package:qr_code_scanner/qr_code_scanner.dart';
+// import 'package:qr_code_scanner/qr_code_scanner.dart';
+import 'package:mobile_scanner/mobile_scanner.dart';
 import 'package:talawa/constants/routing_constants.dart';
 import 'package:talawa/enums/enums.dart';
 import 'package:talawa/locator.dart';

lib/view_model/pre_auth_view_models/set_url_view_model.dart

@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:hive/hive.dart';
-import 'package:qr_code_scanner/qr_code_scanner.dart';
-import 'package:qr_flutter/qr_flutter.dart';
+import 'package:mobile_scanner/mobile_scanner.dart';
 import 'package:talawa/constants/app_strings.dart';
 import 'package:talawa/enums/enums.dart';
 import 'package:talawa/locator.dart';
@@ -56,6 +55,9 @@
   /// qrValidator.
   AutovalidateMode validate = AutovalidateMode.disabled;
 
+  /// qrController.
+  final MobileScannerController controller = MobileScannerController();
+
   /// This function initialises the variables.
   ///
   /// **params**:
@@ -239,16 +241,41 @@
                 SizedBox(
                   height: 250,
                   width: 250,
-                  child: QRView(
-                    key: qrKey,
-                    onQRViewCreated: _onQRViewCreated,
-                    overlay: QrScannerOverlayShape(
-                      borderRadius: 10,
-                      borderLength: 20,
-                      borderWidth: 10,
-                      cutOutSize: 250,
-                    ),
-                    /*overlayMargin: EdgeInsets.all(50)*/
+                  child: MobileScanner(
+                    fit: BoxFit.contain,
+                    controller: controller,
+                    errorBuilder: (ctx, error, _) {
+                      String errorMessage = '';
+                      switch (error.errorCode) {
+                        case MobileScannerErrorCode.controllerUninitialized:
+                          errorMessage = 'camera is not ready';
+                          break;
+                        case MobileScannerErrorCode.permissionDenied:
+                          errorMessage =
+                              'Please provide camera permission to scan QR code';
+                          break;
+                        case MobileScannerErrorCode.unsupported:
+                          errorMessage =
+                              'This device does not support scanning.';
+                          break;
+                        default:
+                          errorMessage = 'An unkonwn error occurred';
+                      }
+
+                      WidgetsBinding.instance.addPostFrameCallback((_) {
+                        navigationService.showTalawaErrorSnackBar(
+                          errorMessage,
+                          MessageType.error,
+                        );
+                      });
+
+                      return Center(
+                        child: Text(
+                          errorMessage,
+                        ),
+                      );
+                    },
+                    onDetect: _onQRViewCreated,
                   ),
                 ),
                 SizedBox(
@@ -269,56 +296,35 @@
   /// This is the helper function which execute when the on QR view created.
   ///
   /// **params**:
-  /// * `controller`: QRViewController
+  /// * `scanData`: BarcodeCapture
   ///
   /// **returns**:
   ///   None
 
-  void _onQRViewCreated(QRViewController controller) {
-    controller.scannedDataStream.listen((scanData) {
-      /// if the scanData is not empty.
-      if (scanData.code!.isNotEmpty) {
-        print(scanData.code);
-        try {
-          final List<String> data = scanData.code!.split('?');
-          url.text = data[0];
-          final List<String> queries = data[1].split('&');
-          orgId = queries[0].split('=')[1];
-          Vibration.vibrate(duration: 100);
-          controller.stopCamera();
-          controller.dispose();
-          final box = Hive.box('url');
-          box.put(urlKey, url.text);
-          box.put(imageUrlKey, "${url.text}/talawa/");
-          graphqlConfig.getOrgUrl();
-          Navigator.pop(navigationService.navigatorKey.currentContext!);
-          navigationService.pushScreen('/selectOrg', arguments: orgId);
-        } on CameraException catch (e) {
-          debugPrint(e.toString());
-          navigationService.showTalawaErrorSnackBar(
-            "The Camera is not working",
-            MessageType.error,
-          );
-        } on QrEmbeddedImageException catch (e) {
-          debugPrint(e.toString());
-          navigationService.showTalawaErrorDialog(
-            "The QR is not Working",
-            MessageType.error,
-          );
-        } on QrUnsupportedVersionException catch (e) {
-          debugPrint(e.toString());
-          navigationService.showTalawaErrorDialog(
-            "This QR version is not Supported.",
-            MessageType.error,
-          );
-        } on Exception catch (e) {
-          debugPrint(e.toString());
-          navigationService.showTalawaErrorSnackBar(
-            "This QR is not for the App",
-            MessageType.error,
-          );
-        }
+  void _onQRViewCreated(BarcodeCapture scanData) {
+    if (scanData.raw != null && scanData.barcodes.isNotEmpty) {
+      final String code = scanData.barcodes.first.displayValue!;
+      try {
+        final List<String> data = code.split('?');
+        url.text = data[0];
+        final List<String> queries = data[1].split('&');
+        orgId = queries[0].split('=')[1];
+        Vibration.vibrate(duration: 100);
+        controller.stop();
+        controller.dispose();
+        final box = Hive.box('url');
+        box.put(urlKey, url.text);
+        box.put(imageUrlKey, "${url.text}/talawa/");
+        graphqlConfig.getOrgUrl();
+        Navigator.pop(navigationService.navigatorKey.currentContext!);
+        navigationService.pushScreen('/selectOrg', arguments: orgId);
+      } on Exception catch (e) {
+        debugPrint(e.toString());
+        navigationService.showTalawaErrorSnackBar(
+          "The Camera is not working",
+          MessageType.error,
+        );
       }
-    });
+    }
   }
 }

lib/views/after_auth_screens/join_org_after_auth/join_organisation_after_auth.dart

@@ -1,6 +1,7 @@
 // ignore_for_file: talawa_api_doc, talawa_good_doc_comments
 import 'package:flutter/material.dart';
-import 'package:qr_code_scanner/qr_code_scanner.dart';
+
+import 'package:mobile_scanner/mobile_scanner.dart';
 import 'package:talawa/enums/enums.dart';
 import 'package:talawa/locator.dart';
 import 'package:talawa/services/graphql_config.dart';
@@ -13,17 +14,26 @@
 import 'package:vibration/vibration.dart';
 
 /// JoinOrganisationAfterAuth returns a widget for page to join the organization just after user authentication.
-class JoinOrganisationAfterAuth extends StatelessWidget {
+class JoinOrganisationAfterAuth extends StatefulWidget {
   const JoinOrganisationAfterAuth({super.key, required this.orgId});
 
   /// org identifier.
   ///
   final String orgId;
 
+  @override
+  State<JoinOrganisationAfterAuth> createState() =>
+      _JoinOrganisationAfterAuthState();
+}
+
+class _JoinOrganisationAfterAuthState extends State<JoinOrganisationAfterAuth> {
+  /// qrController.
+  final MobileScannerController controller = MobileScannerController();
+
   @override
   Widget build(BuildContext context) {
     return BaseView<SelectOrganizationViewModel>(
-      onModelReady: (model) => model.initialise(orgId),
+      onModelReady: (model) => model.initialise(widget.orgId),
       builder: (context, model, child) {
         return Scaffold(
           key: const Key('JoinOrgScreen'),
@@ -112,18 +122,54 @@
                 SizedBox(
                   height: 250,
                   width: 250,
-                  child: QRView(
-                    key: model.qrKey,
-                    onQRViewCreated: (controller) =>
-                        _onQRViewCreated(controller, model),
-                    overlay: QrScannerOverlayShape(
-                      overlayColor: Theme.of(context).colorScheme.secondary,
-                      borderRadius: 10,
-                      borderLength: 20,
-                      borderWidth: 10,
-                      cutOutSize: 250,
-                    ),
-                    /*overlayMargin: EdgeInsets.all(50)*/
+                  child: MobileScanner(
+                    fit: BoxFit.contain,
+                    controller: controller,
+                    errorBuilder: (ctx, error, _) {
+                      String errorMessage = '';
+                      switch (error.errorCode) {
+                        case MobileScannerErrorCode.controllerUninitialized:
+                          errorMessage = 'camera is not ready';
+                          break;
+                        case MobileScannerErrorCode.permissionDenied:
+                          errorMessage =
+                              'Please provide camera permission to scan QR code';
+                          break;
+                        case MobileScannerErrorCode.unsupported:
+                          errorMessage =
+                              'This device does not support scanning.';
+                          break;
+                        default:
+                          errorMessage = 'An unkonwn error occurred';
+                      }
+
+                      WidgetsBinding.instance.addPostFrameCallback((_) {
+                        navigationService.showTalawaErrorSnackBar(
+                          errorMessage,
+                          MessageType.error,
+                        );
+                      });
+
+                      return Center(
+                        child: Text(
+                          errorMessage,
+                        ),
+                      );
+                    },
+                    onDetect: (scanData) => _onQRViewCreated(scanData, model),
+                    overlayBuilder: (context, constraints) {
+                      return Container(
+                        width: 250,
+                        height: 250,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(10),
+                          border: Border.all(
+                            color: Theme.of(context).colorScheme.secondary,
+                            width: 10,
+                          ),
+                        ),
+                      );
+                    },
                   ),
                 ),
                 SizedBox(
@@ -152,34 +198,33 @@
   /// **returns**:
   ///   None
   void _onQRViewCreated(
-    QRViewController controller,
+    BarcodeCapture scanData,
     SelectOrganizationViewModel model,
   ) {
-    controller.scannedDataStream.listen((scanData) {
-      if (scanData.code!.isNotEmpty) {
-        print(scanData.code);
-        try {
-          final List<String> data = scanData.code!.split('?');
-          final String url = data[0];
-          Vibration.vibrate(duration: 100);
-          if (url == GraphqlConfig.orgURI) {
-            final List<String> queries = data[1].split('&');
-            model.orgId = queries[0].split('=')[1];
-            controller.stopCamera();
-            controller.dispose();
-            Navigator.pop(navigationService.navigatorKey.currentContext!);
-            model.initialise(model.orgId);
-          } else {
-            navigationService.showTalawaErrorSnackBar(
-              "Organisation on different server, logout and scan qr again",
-              MessageType.error,
-            );
-          }
-        } on Exception catch (e) {
-          print(e);
-          print('invalid app qr');
+    if (scanData.raw != null && scanData.barcodes.isNotEmpty) {
+      final String code = scanData.barcodes.first.displayValue!;
+      print(code);
+      try {
+        final List<String> data = code.split('?');
+        final String url = data[0];
+        Vibration.vibrate(duration: 100);
+        if (url == GraphqlConfig.orgURI) {
+          final List<String> queries = data[1].split('&');
+          model.orgId = queries[0].split('=')[1];
+          controller.stop();
+          controller.dispose();
+          Navigator.pop(navigationService.navigatorKey.currentContext!);
+          model.initialise(model.orgId);
+        } else {
+          navigationService.showTalawaErrorSnackBar(
+            "Organisation on different server, logout and scan qr again",
+            MessageType.error,
+          );
         }
+      } on Exception catch (e) {
+        print(e);
+        print('invalid app qr');
       }
-    });
+    }
   }
 }