扫码无权限优化，司机预约多弹窗

ln_jq_app/lib/pages/qr_code/view.dart

@@ -29,27 +29,77 @@ class QrCodePage extends GetView<QrCodeController> {
           ),
         ],
       ),
-      body: Stack(
-        alignment: Alignment.center,
-        children: [
-          // 1. 使用 MobileScanner 作为扫描视图
-          MobileScanner(
-            controller: controller.scannerController,
-            onDetect: controller.onDetect,
-            // 您可以自定义扫描框的样式
-            scanWindow: Rect.fromCenter(
-              center: Offset(
-                MediaQuery.of(context).size.width / 2,
-                MediaQuery.of(context).size.height / 2 - 50,
-              ),
-              width: 250,
-              height: 250,
+      body: Obx(() { // 1. 使用 Obx 包裹整个 body
+        // 根据权限状态来决定显示什么
+        if (controller.hasPermission.value) {
+          // 如果有权限，显示扫描器
+          return _buildScannerView(context);
+        } else {
+          // 如果没有权限，显示引导界面
+          return _buildPermissionDeniedView();
+        }
+      }),
+    );
+  }
+  Widget _buildScannerView(BuildContext context){
+    if (!controller.animationController.isAnimating) {
+      controller.animationController.repeat(reverse: false);
+    }
+    return Stack(
+      alignment: Alignment.center,
+      children: [
+        // 使用 MobileScanner 作为扫描视图
+        MobileScanner(
+          controller: controller.scannerController,
+          onDetect: controller.onDetect,
+          // 您可以自定义扫描框的样式
+          scanWindow: Rect.fromCenter(
+            center: Offset(
+              MediaQuery.of(context).size.width / 2,
+              MediaQuery.of(context).size.height / 2 - 50,
             ),
+            width: 250,
+            height: 250,
+          ),
+        ),
+        // 扫描动画和覆盖层
+        _buildScannerOverlay(context),
+        // 底部的功能按钮
+        Positioned(bottom: 80, left: 0, right: 0, child: _buildActionButtons()),
+      ],
+    );
+  }
+
+  Widget _buildPermissionDeniedView() {
+    // 确保动画是停止的
+    if (controller.animationController.isAnimating) {
+      controller.animationController.stop();
+    }
+
+    return Container(
+      color: Colors.black,
+      alignment: Alignment.center,
+      padding: const EdgeInsets.all(24.0),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          const Icon(Icons.no_photography, color: Colors.white70, size: 64),
+          const SizedBox(height: 16),
+          const Text(
+            '需要相机权限',
+            style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold),
+          ),
+          const SizedBox(height: 8),
+          const Text(
+            '请授予相机权限以使用扫码功能。',
+            style: TextStyle(color: Colors.white70, fontSize: 14),
+            textAlign: TextAlign.center,
+          ),
+          const SizedBox(height: 24),
+          ElevatedButton(
+            onPressed: controller.requestPermission, // 点击按钮重新请求权限
+            child: const Text('授予权限'),
           ),
-          // 扫描动画和覆盖层
-          _buildScannerOverlay(context),
-          // 底部的功能按钮
-          Positioned(bottom: 80, left: 0, right: 0, child: _buildActionButtons()),
         ],
       ),
     );