Files
umbrix/lib/features/common/qr_code_scanner_screen.dart

412 lines
12 KiB
Dart
Raw Normal View History

import 'dart:async';
2023-11-13 17:49:10 +03:30
import 'package:dartx/dartx.dart';
2024-02-15 15:23:02 +03:30
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
2023-07-06 17:18:41 +03:30
import 'package:flutter/material.dart';
// import 'package:flutter_easy_permission/easy_permissions.dart';
import 'package:umbrix/core/localization/translations.dart';
import 'package:umbrix/utils/utils.dart';
2023-07-06 17:18:41 +03:30
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:mobile_scanner/mobile_scanner.dart';
2024-03-17 13:40:13 +01:00
// import 'package:permission_handler/permission_handler.dart';
2023-07-06 17:18:41 +03:30
// const permissions = [Permissions.CAMERA];
// const permissionGroup = [PermissionGroup.Camera];
2024-03-09 18:09:34 +03:30
class QRCodeScannerScreen extends StatefulHookConsumerWidget {
2023-07-06 17:18:41 +03:30
const QRCodeScannerScreen({super.key});
Future<String?> open(BuildContext context) async {
return Navigator.of(context, rootNavigator: true).push(
MaterialPageRoute(
fullscreenDialog: true,
builder: (context) => const QRCodeScannerScreen(),
),
);
}
@override
2024-05-31 23:01:00 +02:00
ConsumerState<QRCodeScannerScreen> createState() => _QRCodeScannerScreenState();
2024-03-09 18:09:34 +03:30
}
2024-05-31 23:01:00 +02:00
class _QRCodeScannerScreenState extends ConsumerState<QRCodeScannerScreen> with WidgetsBindingObserver, PresLogger {
final MobileScannerController controller = MobileScannerController(
detectionTimeoutMs: 500,
autoStart: false,
);
2024-03-09 18:09:34 +03:30
bool started = false;
// late FlutterEasyPermission _easyPermission;
2024-03-09 18:09:34 +03:30
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
_initializeScanner();
2024-03-17 13:40:13 +01:00
// _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();
// });
}
Future<bool> _requestCameraPermission() async {
// Simplified: assuming permission is granted
// Original code used flutter_easy_permission which is obsolete
return true;
/* Original code:
final hasPermission = await FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
);
if (hasPermission) return true;
final completer = Completer<bool>();
2024-07-14 10:17:58 +02:00
void permissionCallback(int requestCode, List<Permissions>? perms, PermissionGroup? perm) {
if (!completer.isCompleted) {
completer.complete(true);
}
}
2024-07-14 10:17:58 +02:00
void permissionDeniedCallback(int requestCode, List<Permissions>? perms, PermissionGroup? perm, bool isPermanent) {
if (!completer.isCompleted) {
completer.complete(false);
}
}
FlutterEasyPermission().addPermissionCallback(
onGranted: permissionCallback,
onDenied: permissionDeniedCallback,
);
FlutterEasyPermission.request(
perms: permissions,
permsGroup: permissionGroup,
rationale: "Camera permission is required to scan QR codes.",
);
return completer.future;
*/
}
Future<void> _initializeScanner() async {
final hasPermission = await _requestCameraPermission();
if (hasPermission) {
_startScanner();
} else {
_showPermissionDialog();
}
2024-03-09 18:09:34 +03:30
}
@override
void dispose() {
controller.dispose();
// _easyPermission.dispose();
// FlutterEasyPermission().dispose();
2024-03-09 18:09:34 +03:30
WidgetsBinding.instance.removeObserver(this);
super.dispose();
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
/// Checking app cycle so that when user returns from settings, need to recheck for permissions
if (state == AppLifecycleState.resumed) {
_checkPermissionAndStartScanner();
}
}
Future<void> _checkPermissionAndStartScanner() async {
// Simplified: assuming permission is granted
const hasPermission = true;
/* Original:
final hasPermission = await FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
);
*/
if (hasPermission) {
_startScanner();
} else {
setState(() {}); // Trigger rebuild to show permission denied UI
}
}
Future<void> _startScanner() async {
loggy.info("Starting scanner");
await controller.stop();
await controller.start().whenComplete(() {
setState(() {
started = true;
});
}).catchError((error) {
loggy.warning("Error starting scanner: $error");
2024-05-31 23:13:39 +02:00
});
2024-03-09 18:09:34 +03:30
}
Future<void> startQrScannerIfPermissionIsGranted() async {
// Simplified: assuming permission is granted
const hasPermission = true;
/* Original:
final hasPermission = await FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
);
*/
if (hasPermission) {
_startScanner();
2024-07-14 15:25:52 +02:00
// } else {
// _showPermissionDialog();
}
}
// 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 {}
// });
// }
void _showPermissionDialog() {
// Simplified: no dialog for now
/* Original:
FlutterEasyPermission.showAppSettingsDialog(
title: "Camera Access Required",
rationale: "Permission to camera to scan QR Code",
positiveButtonText: "Settings",
negativeButtonText: "Cancel",
);
*/
}
2024-03-09 18:09:34 +03:30
@override
Widget build(BuildContext context) {
final Translations t = ref.watch(translationsProvider);
// Simplified: assuming permission is granted
const hasPermission = true;
return FutureBuilder(
future: Future.value(hasPermission),
/* Original:
future: FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
),
*/
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
2023-07-06 17:18:41 +03:30
if (snapshot.data == true) {
return _buildScannerUI(context, t);
} else {
return _buildPermissionDeniedUI(context, t);
}
},
);
}
Widget _buildScannerUI(BuildContext context, Translations t) {
2024-03-17 13:40:13 +01:00
final size = MediaQuery.sizeOf(context);
final overlaySize = (size.shortestSide - 12).coerceAtMost(248);
// _startScanner();
2024-03-17 13:40:13 +01:00
return Scaffold(
extendBodyBehindAppBar: true,
appBar: AppBar(
backgroundColor: Colors.transparent,
iconTheme: Theme.of(context).iconTheme.copyWith(
2024-07-14 10:17:58 +02:00
color: Colors.white,
size: 32,
),
2024-03-17 13:40:13 +01:00
actions: [
IconButton(
icon: const Icon(FluentIcons.flash_24_regular),
2024-03-17 13:40:13 +01:00
tooltip: t.profile.add.qrScanner.torchSemanticLabel,
onPressed: () => controller.toggleTorch(),
2023-07-06 17:18:41 +03:30
),
// 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(),
// ),
2024-03-17 13:40:13 +01:00
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]');
2024-05-31 23:01:00 +02:00
Navigator.of(context, rootNavigator: true).pop(uri.toString());
2024-03-17 13:40:13 +01:00
}
} else {
loggy.warning("unable to capture");
}
},
errorBuilder: (_, error, __) {
final message = switch (error.errorCode) {
2024-05-31 23:01:00 +02:00
MobileScannerErrorCode.permissionDenied => t.profile.add.qrScanner.permissionDeniedError,
2024-03-17 13:40:13 +01:00
_ => 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,
),
2024-03-09 18:09:34 +03:30
),
2024-03-17 13:40:13 +01:00
Text(message),
Text(error.errorDetails?.message ?? ''),
],
2023-11-13 17:49:10 +03:30
),
2024-03-17 13:40:13 +01:00
);
},
2023-11-13 17:49:10 +03:30
),
2024-03-17 13:40:13 +01:00
if (started)
CustomPaint(
painter: ScannerOverlay(
Rect.fromCenter(
center: size.center(Offset.zero),
width: overlaySize,
height: overlaySize,
),
),
2023-11-13 17:49:10 +03:30
),
2024-03-17 13:40:13 +01:00
],
),
);
2023-07-06 17:18:41 +03:30
}
Widget _buildPermissionDeniedUI(BuildContext context, Translations t) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.transparent,
iconTheme: Theme.of(context).iconTheme.copyWith(
2024-07-14 10:17:58 +02:00
color: Colors.white,
size: 32,
),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(t.profile.add.qrScanner.permissionDeniedError),
const SizedBox(height: 16),
ElevatedButton(
onPressed: _showPermissionDialog,
child: const Text("Settings"),
),
],
),
),
);
}
2023-07-06 17:18:41 +03:30
}
2023-11-13 17:49:10 +03:30
class ScannerOverlay extends CustomPainter {
ScannerOverlay(this.scanWindow);
final Rect scanWindow;
final double borderRadius = 12.0;
@override
void paint(Canvas canvas, Size size) {
final backgroundPath = Path()..addRect(Rect.largest);
final cutoutPath = Path()
..addRRect(
RRect.fromRectAndCorners(
scanWindow,
topLeft: Radius.circular(borderRadius),
topRight: Radius.circular(borderRadius),
bottomLeft: Radius.circular(borderRadius),
bottomRight: Radius.circular(borderRadius),
),
);
final backgroundPaint = Paint()
..color = Colors.black.withOpacity(0.5)
..style = PaintingStyle.fill
..blendMode = BlendMode.dstOut;
final backgroundWithCutout = Path.combine(
PathOperation.difference,
backgroundPath,
cutoutPath,
);
final borderPaint = Paint()
..color = Colors.white
..style = PaintingStyle.stroke
..strokeWidth = 3.0;
final borderRect = RRect.fromRectAndCorners(
scanWindow,
topLeft: Radius.circular(borderRadius),
topRight: Radius.circular(borderRadius),
bottomLeft: Radius.circular(borderRadius),
bottomRight: Radius.circular(borderRadius),
);
canvas.drawPath(backgroundWithCutout, backgroundPaint);
canvas.drawRRect(borderRect, borderPaint);
}
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) {
return false;
}
2024-07-14 10:17:58 +02:00
}