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

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

Android手机支持扫描头监听

开始使用

方式一:Widget 继承 FlashScanMixin

import 'package:flutter/material.dart';
import 'package:flash_scan_plugin/flash_scan_mixin.dart';

/// * 创建者:yulongmei.
/// * 日期:2024/2/1.

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

  [@override](/user/override)
  State<ScanPage> createState() => _ScanPageState();
}

class _ScanPageState extends State<ScanPage> with FlashScanMixin {
  String _code = '';

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('扫描'),
      ),
      body: Center(
        child: Text('扫描码: $_code'),
      ),
    );
  }

  [@override](/user/override)
  Future<void> scanCodeHandle(String code) async {
    setState(() {
      _code = code;
    });
  }
}

方式二:使用EventChannelFlashScanPlugin

import 'flash_scan_plugin_event_channel.dart';

EventChannelFlashScanPlugin().listen((value) {
  // value 扫描结果
});

EventChannelFlashScanPlugin().cancel();

完整示例Demo

import 'package:flash_scan_plugin_example/ScanPage.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:flash_scan_plugin/flash_scan_plugin.dart';
import 'package:flash_scan_plugin/flash_scan_mixin.dart';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
    routes: <String, WidgetBuilder> {
      '/scan': (BuildContext context) => ScanPage()
    },
  ));
}

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

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

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知';
  final _flashScanPlugin = FlashScanPlugin();

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的,因此我们在异步方法中初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败,因此我们使用带有 PlatformException 的 try/catch。
    // 我们还处理了消息可能返回 null 的情况。
    try {
      platformVersion =
          await _flashScanPlugin.getPlatformVersion() ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }

    // 如果在异步平台消息还在飞行时小部件从树中移除,我们应该丢弃回复而不是调用
    // setState 来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('插件示例应用'),
      ),
      body: Center(
        child: Text('运行于: $_platformVersion\n'),
      ),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.settings_overscan),
        onPressed: () {
          Navigator.of(context).pushNamed('/scan');
        },
      ),
    );
  }
}

更多关于Flutter二维码扫描插件flash_scan_plugin的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter二维码扫描插件flash_scan_plugin的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


flash_scan_plugin 是一个用于在 Flutter 应用中实现二维码扫描功能的插件。它允许用户扫描二维码并返回扫描结果,同时支持控制闪光灯的开启和关闭。

以下是使用 flash_scan_plugin 插件的基本步骤:

1. 添加依赖

首先,在你的 pubspec.yaml 文件中添加 flash_scan_plugin 依赖:

dependencies:
  flutter:
    sdk: flutter
  flash_scan_plugin: ^1.0.0  # 请使用最新版本

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

2. 导入插件

在你的 Dart 文件中导入 flash_scan_plugin

import 'package:flash_scan_plugin/flash_scan_plugin.dart';

3. 初始化扫描器

在需要的地方初始化扫描器,并设置回调函数来处理扫描结果。

class ScanScreen extends StatefulWidget {
  [@override](/user/override)
  _ScanScreenState createState() => _ScanScreenState();
}

class _ScanScreenState extends State<ScanScreen> {
  String _scanResult = 'Scan a QR Code';

  void _onScanResult(String result) {
    setState(() {
      _scanResult = result;
    });
  }

  [@override](/user/override)
  void initState() {
    super.initState();
    FlashScanPlugin.onScanResult.listen(_onScanResult);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Scan QR Code'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(_scanResult),
            ElevatedButton(
              onPressed: () async {
                await FlashScanPlugin.startScan();
              },
              child: Text('Start Scan'),
            ),
            ElevatedButton(
              onPressed: () async {
                await FlashScanPlugin.toggleFlash();
              },
              child: Text('Toggle Flash'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 启动扫描

你可以通过调用 FlashScanPlugin.startScan() 来启动扫描。扫描结果将通过 onScanResult 监听器返回。

5. 控制闪光灯

通过 FlashScanPlugin.toggleFlash() 可以切换闪光灯的开启和关闭。

6. 处理权限

在某些情况下,你可能需要处理相机权限。确保在 AndroidManifest.xmlInfo.plist 中添加必要的权限声明。

Android:

android/app/src/main/AndroidManifest.xml 中添加:

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

iOS:

ios/Runner/Info.plist 中添加:

<key>NSCameraUsageDescription</key>
<string>We need access to your camera to scan QR codes.</string>

7. 处理返回结果

扫描结果将通过 onScanResult 监听器返回,你可以在回调函数中对结果进行处理。

8. 停止扫描

如果你需要手动停止扫描,可以调用 FlashScanPlugin.stopScan()

9. 处理错误

你可以通过 onError 监听器来处理扫描过程中的错误。

FlashScanPlugin.onError.listen((error) {
  print('Scan error: $error');
});

10. 清理资源

dispose 方法中取消监听器,以避免内存泄漏。

[@override](/user/override)
void dispose() {
  FlashScanPlugin.onScanResult.drain();
  super.dispose();
}
回到顶部