fix the pageview sample

+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:flutter/material.dart';
 import 'package:mobile_scanner/mobile_scanner.dart';
 import 'package:mobile_scanner/mobile_scanner.dart';
 import 'package:mobile_scanner_example/scanner_error_widget.dart';
 import 'package:mobile_scanner_example/scanner_error_widget.dart';
@@ -9,62 +11,15 @@ class BarcodeScannerPageView extends StatefulWidget {
   State<BarcodeScannerPageView> createState() => _BarcodeScannerPageViewState();
   State<BarcodeScannerPageView> createState() => _BarcodeScannerPageViewState();
 }
 }
 
 
-class _BarcodeScannerPageViewState extends State<BarcodeScannerPageView>
-    with SingleTickerProviderStateMixin {
-  BarcodeCapture? capture;
-
-  Widget cameraView() {
-    return Builder(
-      builder: (context) {
-        return Stack(
-          children: [
-            MobileScanner(
-              startDelay: true,
-              controller: MobileScannerController(torchEnabled: true),
-              fit: BoxFit.contain,
-              errorBuilder: (context, error, child) {
-                return ScannerErrorWidget(error: error);
-              },
-              onDetect: (capture) {
-                setState(() {
-                  this.capture = capture;
-                });
-              },
-            ),
-            Align(
-              alignment: Alignment.bottomCenter,
-              child: Container(
-                alignment: Alignment.bottomCenter,
-                height: 100,
-                color: Colors.black.withOpacity(0.4),
-                child: Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                  children: [
-                    Center(
-                      child: SizedBox(
-                        width: MediaQuery.of(context).size.width - 120,
-                        height: 50,
-                        child: FittedBox(
-                          child: Text(
-                            capture?.barcodes.first.rawValue ??
-                                'Scan something!',
-                            overflow: TextOverflow.fade,
-                            style: Theme.of(context)
-                                .textTheme
-                                .headlineMedium!
-                                .copyWith(color: Colors.white),
-                          ),
-                        ),
-                      ),
-                    ),
-                  ],
-                ),
-              ),
-            ),
-          ],
-        );
-      },
-    );
+class _BarcodeScannerPageViewState extends State<BarcodeScannerPageView> {
+  final MobileScannerController scannerController = MobileScannerController();
+
+  final PageController pageController = PageController();
+
+  @override
+  void initState() {
+    super.initState();
+    scannerController.start();
   }
   }
 
 
   @override
   @override
@@ -73,13 +28,86 @@ class _BarcodeScannerPageViewState extends State<BarcodeScannerPageView>
       appBar: AppBar(title: const Text('With PageView')),
       appBar: AppBar(title: const Text('With PageView')),
       backgroundColor: Colors.black,
       backgroundColor: Colors.black,
       body: PageView(
       body: PageView(
+        controller: pageController,
+        onPageChanged: (index) async {
+          // Stop the camera view for the current page,
+          // and then restart the camera for the new page.
+          await scannerController.stop();
+
+          // When switching pages, add a delay to the next start call.
+          // Otherwise the camera will start before the next page is displayed.
+          await Future.delayed(const Duration(seconds: 1, milliseconds: 500));
+
+          if (!mounted) {
+            return;
+          }
+
+          scannerController.start();
+        },
         children: [
         children: [
-          cameraView(),
-          Container(),
-          cameraView(),
-          cameraView(),
+          _BarcodeScannerPage(controller: scannerController),
+          const SizedBox(),
+          _BarcodeScannerPage(controller: scannerController),
+          _BarcodeScannerPage(controller: scannerController),
         ],
         ],
       ),
       ),
     );
     );
   }
   }
+
+  @override
+  Future<void> dispose() async {
+    await scannerController.dispose();
+    pageController.dispose();
+    super.dispose();
+  }
+}
+
+class _BarcodeScannerPage extends StatelessWidget {
+  const _BarcodeScannerPage({required this.controller});
+
+  final MobileScannerController controller;
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        MobileScanner(
+          controller: controller,
+          fit: BoxFit.contain,
+          errorBuilder: (context, error, child) {
+            return ScannerErrorWidget(error: error);
+          },
+        ),
+        Align(
+          alignment: Alignment.bottomCenter,
+          child: Container(
+            alignment: Alignment.bottomCenter,
+            height: 100,
+            color: Colors.black.withOpacity(0.4),
+            child: Center(
+              child: StreamBuilder<BarcodeCapture>(
+                stream: controller.barcodes,
+                builder: (context, snapshot) {
+                  final barcodes = snapshot.data?.barcodes;
+
+                  if (barcodes == null || barcodes.isEmpty) {
+                    return const Text(
+                      'Scan Something!',
+                      style: TextStyle(color: Colors.white, fontSize: 20),
+                    );
+                  }
+
+                  return Text(
+                    barcodes.first.rawValue ?? 'No raw value',
+                    overflow: TextOverflow.fade,
+                    style: const TextStyle(color: Colors.white),
+                  );
+                },
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
 }
 }