Flutter二维码扫描插件notificare_scannables的使用

当然，以下是一个关于如何在Flutter项目中使用notificare_scannables插件进行二维码扫描的示例代码。这个插件允许你扫描和解码各种格式的二维码。

首先，确保你已经在pubspec.yaml文件中添加了notificare_scannables依赖：

dependencies:
  flutter:
    sdk: flutter
  notificare_scannables: ^最新版本号  # 请替换为实际的最新版本号

然后，运行flutter pub get来安装依赖。

接下来，在你的Flutter应用中，你可以按照以下步骤来集成二维码扫描功能：

1. 导入必要的包

在你的Dart文件中，导入notificare_scannables包：

import 'package:flutter/material.dart';
import 'package:notificare_scannables/notificare_scannables.dart';

2. 请求相机权限

在Android和iOS上，你需要请求相机权限。在AndroidManifest.xml中添加相机权限：

<uses-permission android:name="android.permission.CAMERA" />

在iOS的Info.plist中，添加相机使用描述：

<key>NSCameraUsageDescription</key>
<string>需要访问相机以扫描二维码</string>

3. 初始化并启动二维码扫描

在你的主屏幕或需要扫描二维码的地方，初始化并启动二维码扫描：

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter QR Code Scanner',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: ScannerScreen(),
    );
  }
}

class ScannerScreen extends StatefulWidget {
  @override
  _ScannerScreenState createState() => _ScannerScreenState();
}

class _ScannerScreenState extends State<ScannerScreen> {
  NotificareScannablesController? _controller;

  @override
  void initState() {
    super.initState();
    _initializeScanner();
  }

  Future<void> _initializeScanner() async {
    // 请求相机权限（在真实应用中，你应该处理权限请求的结果）
    await NotificareScannables.requestPermissions();

    // 初始化控制器
    _controller = await NotificareScannables.buildController(
      onScan: (scanResult) {
        // 处理扫描结果
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) => ResultScreen(scanResult: scanResult),
          ),
        );
      },
      onError: (error) {
        // 处理错误
        print("扫描错误: $error");
      },
    );

    // 启动扫描
    if (_controller!.isAvailable) {
      _controller!.start();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('QR Code Scanner'),
      ),
      body: Center(
        child: _controller == null || !_controller!.isAvailable
            ? Text('相机不可用')
            : Container(
                color: Colors.black,
                child: NotificareScannablesPreview(controller: _controller!),
              ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          if (_controller!.isScanning) {
            _controller!.stop();
          } else {
            _controller!.start();
          }
        },
        tooltip: 'Toggle Scanning',
        child: Icon(
          _controller!.isScanning ? Icons.stop : Icons.play_arrow,
        ),
      ),
    );
  }

  @override
  void dispose() {
    _controller?.dispose();
    super.dispose();
  }
}

class ResultScreen extends StatelessWidget {
  final ScanResult scanResult;

  ResultScreen({required this.scanResult});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('扫描结果'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Text('内容: ${scanResult.content}'),
            SizedBox(height: 16),
            Text('格式: ${scanResult.format}'),
          ],
        ),
      ),
    );
  }
}

4. 处理扫描结果

在上面的代码中，当二维码被扫描时，会触发onScan回调，并将扫描结果传递给ResultScreen页面。

注意事项

• 确保在实际应用中处理相机权限请求的结果，以及错误处理。
• 根据需要调整UI布局和样式。
• 测试在不同设备和操作系统版本上的兼容性。

这样，你就可以在Flutter应用中使用notificare_scannables插件来扫描二维码了。