Base pages implementation

2021-05-06 14:51:26 +03:00
parent 7bec80ef15
commit 64a7cdf167
80 changed files with 2878 additions and 380 deletions
--- a/lib/utils/ui/qr_code_scanner.dart
+++ b/lib/utils/ui/qr_code_scanner.dart
@@ -0,0 +1,136 @@
+import 'dart:io';
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:qr_code_scanner/qr_code_scanner.dart';
+import 'package:thingsboard_app/core/context/tb_context.dart';
+import 'package:thingsboard_app/core/context/tb_context_widget.dart';
+
+class QrCodeScannerPage extends TbPageWidget<QrCodeScannerPage, _QrCodeScannerPageState> {
+
+  QrCodeScannerPage(TbContext tbContext) : super(tbContext);
+
+  @override
+  _QrCodeScannerPageState createState() => _QrCodeScannerPageState();
+
+}
+
+class _QrCodeScannerPageState extends TbPageState<QrCodeScannerPage, _QrCodeScannerPageState> {
+
+  Timer? simulatedQrTimer;
+  QRViewController? controller;
+  final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
+
+  @override
+  void reassemble() {
+    super.reassemble();
+    if (Platform.isAndroid) {
+      controller!.pauseCamera();
+    }
+    controller!.resumeCamera();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    controller?.dispose();
+    if (simulatedQrTimer != null) {
+      simulatedQrTimer!.cancel();
+    }
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Stack(
+        children: [
+          _buildQrView(context),
+          Positioned(
+            bottom: 0,
+            left: 0,
+            right: 0,
+            height: kToolbarHeight,
+            child: Center(child: Text('Scan a code', style: TextStyle(color: Colors.white, fontSize: 20)))
+          ),
+          Positioned(
+            child:
+             AppBar(
+                leading: Container(),
+                backgroundColor: Colors.transparent,
+                elevation: 0,
+                actions: <Widget>[
+                  IconButton(
+                    icon: FutureBuilder(
+                        future: controller?.getFlashStatus(),
+                        builder: (context, snapshot) {
+                          return Icon(snapshot.data == false ? Icons.flash_on : Icons.flash_off);
+                        }
+                    ),
+                    onPressed: () async {
+                      await controller?.toggleFlash();
+                      setState(() {});
+                    },
+                    tooltip: 'Toggle flash',
+                  ),
+                  IconButton(
+                    icon: FutureBuilder(
+                        future: controller?.getCameraInfo(),
+                        builder: (context, snapshot) {
+                          return Icon(snapshot.data == CameraFacing.front ? Icons.camera_rear : Icons.camera_front);
+                        }
+                    ),
+                    onPressed: () async {
+                      await controller?.flipCamera();
+                      setState(() {});
+                    },
+                    tooltip: 'Toggle camera',
+                  ),
+                ],
+             ),
+          )
+        ],
+      )
+    );
+  }
+
+  Widget _buildQrView(BuildContext context) {
+    // For this example we check how width or tall the device is and change the scanArea and overlay accordingly.
+    var scanArea = (MediaQuery.of(context).size.width < 400 ||
+        MediaQuery.of(context).size.height < 400)
+        ? 150.0
+        : 300.0;
+    // To ensure the Scanner view is properly sizes after rotation
+    // we need to listen for Flutter SizeChanged notification and update controller
+    return QRView(
+      key: qrKey,
+      onQRViewCreated: _onQRViewCreated,
+      overlay: QrScannerOverlayShape(
+          borderColor: Colors.red,
+          borderRadius: 10,
+          borderLength: 30,
+          borderWidth: 10,
+          cutOutSize: scanArea),
+    );
+  }
+
+  void _onQRViewCreated(QRViewController controller) {
+    setState(() {
+      this.controller = controller;
+    });
+    if (isPhysicalDevice) {
+      controller.scannedDataStream.take(1).listen((scanData) {
+        pop(scanData);
+      });
+    } else {
+      simulatedQrTimer = Timer(Duration(seconds: 3), () {
+        pop(Barcode('test code', BarcodeFormat.qrcode, null));
+      });
+    }
+  }
+}