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

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

qr_scanner_plus 是一个功能强大的二维码和条形码扫描插件，支持离线扫描（基于 Google MLKit）。它提供了许多实用的功能，例如自动识别潜在的二维码、自动对焦和缩放等。

特性：

• ✅ 离线使用（使用 Google MLKit）
• ✅ 支持点击相机视图设置焦点
• ✅ 支持手势缩放相机视图
• ✅ 支持多二维码/条形码扫描
• ✅ 使用简单
• ✅ 自动查找潜在的二维码并自动对焦和缩放

开始使用

iOS

1. 在 Info.plist 中添加以下配置
   这些配置是为了请求相机、麦克风和相册的权限。

   <key>NSCameraUsageDescription</key>
   <string>为了使用您的相机拍摄照片和视频。</string>
   <key>NSMicrophoneUsageDescription</key>
   <string>为了使用您的相机录制视频。</string>
   <key>NSPhotoLibraryUsageDescription</key>
   <string>为了访问您的相册。</string>

2. 在 Podfile 中添加以下配置
   配置支持的最低 iOS 版本，并启用必要的权限。

   $iOSVersion = "10.0"
   
   post_install do |installer|
     installer.pods_project.build_configurations.each do |config|
       config.build_settings["EXCLUDED_ARCHS[sdk=*]"] = "armv7"
       config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = $iOSVersion
     end
   
     installer.pods_project.targets.each do |target|
       flutter_additional_ios_build_settings(target)
   
       target.build_configurations.each do |config|
         config.build_settings['ENABLE_BITCODE'] = 'NO'
   
         # 权限设置（参考 permission_handler 官网）
         config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= [
           '$(inherited)',
           'MLKIT_FIREBASE_MODELS=0',
           'PERMISSION_CAMERA=1',
           'PERMISSION_MICROPHONE=1',
           'PERMISSION_PHOTOS=1',
           'PERMISSION_LOCATION=1',
         ]
       end
     end
   end

Android

1. 在 AndroidManifest.xml 中添加以下权限

   <uses-permission android:name="android.permission.INTERNET"/>
   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
   <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

2. 确保 minSdkVersion 和 targetSdkVersion 设置正确

   • minSdkVersion: 21
   • targetSdkVersion: 29

示例代码

以下是一个完整的示例代码，展示如何使用 qr_scanner_plus 插件进行二维码扫描。

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

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

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('二维码扫描示例'),
        ),
        body: Center(
          child: QrScannerPlusView(
            _onResult, // 回调函数，用于处理扫描结果
            debug: true, // 是否开启调试模式
          ),
        ),
      ),
    );
  }

  // 处理扫描结果的回调函数
  _onResult(List<Barcode> barcodes) {
    for (final barcode in barcodes) {
      print("类型: ${barcode.type}"); // 打印二维码类型
      print("内容: ${barcode.rawValue}"); // 打印二维码内容
    }
  }
}