ai_barcode_scanner 7.0.0

ai_barcode_scanner: ^7.0.0 copied to clipboard

example/lib/main.dart

// example/lib/main.dart
import 'package:ai_barcode_scanner/ai_barcode_scanner.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  String _barcode = 'Tap a scan option below';

  /// Helper method to push the scanner screen and handle the result.
  Future<void> _navigateToScanner(Widget scanner) async {
    final result = await Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => scanner,
      ),
    );

    // Update the UI with the scanned barcode if the result is not null.
    if (result != null && result is String) {
      setState(() {
        _barcode = result;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('AI Barcode Scanner Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            // Display area for the latest scanned barcode result.
            Expanded(
              child: Card(
                color: Colors.grey.shade200,
                child: Center(
                  child: Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text(
                      _barcode,
                      textAlign: TextAlign.center,
                      style: const TextStyle(
                        fontSize: 18,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                  ),
                ),
              ),
            ),
            const SizedBox(height: 24),

            // List of buttons to open the scanner with different configurations.
            Expanded(
              flex: 2,
              child: ListView(
                children: [
                  _buildDemoButton(
                    title: "Default Scanner",
                    subtitle: "Opens the scanner with default settings.",
                    scanner: AiBarcodeScanner(
                      // The onDetect callback is only called when a barcode is scanned and validated.
                      onDetect: (BarcodeCapture capture) {
                        /// Do something with the barcode
                      },
                    ),
                  ),
                  _buildDemoButton(
                    title: "Scan with Validator",
                    subtitle: "Only accepts barcodes containing 'pub.dev'.",
                    scanner: AiBarcodeScanner(
                      controller: MobileScannerController(
                        detectionSpeed: DetectionSpeed.noDuplicates,
                      ),
                      // Validator to check if the barcode contains a specific string.
                      validator: (value) {
                        return value.barcodes.first.rawValue
                                ?.contains('pub.dev') ??
                            false;
                      },
                      onDetect: (BarcodeCapture capture) {
                        /// Do something with the barcode
                        ///
                        if (mounted) {
                          Navigator.pop(
                              context, capture.barcodes.firstOrNull?.rawValue);
                        }
                      },
                    ),
                  ),
                  _buildDemoButton(
                    title: "Custom Overlay & Style",
                    subtitle: "Changes colors, border, and animation.",
                    scanner: AiBarcodeScanner(
                      // Use the overlayConfig to customize the scanner's appearance.
                      overlayConfig: const ScannerOverlayConfig(
                        borderColor: Colors.teal,
                        successColor: Colors.lightGreenAccent,
                        errorColor: Colors.orange,
                        scannerBorder: ScannerBorder.none,
                        scannerAnimation: ScannerAnimation.fullWidth,
                        scannerOverlayBackground: ScannerOverlayBackground.none,
                      ),
                      onDetect: (BarcodeCapture capture) {
                        /// Do something with the barcode
                      },
                    ),
                  ),
                  _buildDemoButton(
                    title: "Custom AppBar",
                    subtitle: "Replaces the default AppBar with a custom one.",
                    scanner: AiBarcodeScanner(
                      // Use appBarBuilder to provide a custom AppBar.
                      appBarBuilder: (context, controller) {
                        return AppBar(
                          title: const Text("Custom Scanner"),
                          centerTitle: true,
                          backgroundColor: Colors.red,
                        );
                      },
                      onDetect: (BarcodeCapture capture) {
                        /// Do something with the barcode
                      },
                    ),
                  ),
                  _buildDemoButton(
                    title: "Icon Gallery Button",
                    subtitle: "Shows an icon button at the top right.",
                    scanner: AiBarcodeScanner(
                      galleryButtonType: GalleryButtonType.icon,
                      galleryButtonText: "Select from Photos",
                      onDetect: (BarcodeCapture capture) {
                        /// Do something with the barcode
                      },
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

  /// Helper method to create a styled button for the demo list.
  Widget _buildDemoButton({
    required String title,
    required String subtitle,
    required Widget scanner,
  }) {
    return Card(
      margin: const EdgeInsets.only(bottom: 12.0),
      child: ListTile(
        title: Text(title, style: const TextStyle(fontWeight: FontWeight.bold)),
        subtitle: Text(subtitle),
        trailing: const Icon(Icons.chevron_right_rounded, size: 30),
        onTap: () => _navigateToScanner(scanner),
      ),
    );
  }
}