Flutter插件开发中如何通过广播返回条码扫码数据

在Flutter插件开发中，我需要通过广播机制返回条码扫码数据。具体场景是：当原生平台扫描到条码后，如何通过EventChannel或MethodChannel将数据实时传递到Dart层？目前尝试了BasicMessageChannel，但数据无法及时更新。请问正确的实现方式是什么？是否需要用到BroadcastReceiver或其他机制？最好能提供关键代码示例说明如何注册监听和回调处理。

2 回复

在Flutter插件中，使用EventChannel或MethodChannel实现广播机制。通过EventChannel发送扫码数据流，Flutter端监听该通道即可实时接收条码数据。

更多关于Flutter插件开发中如何通过广播返回条码扫码数据的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter插件开发中，可以通过MethodChannel和EventChannel结合的方式实现广播返回条码扫码数据。以下是具体步骤和代码示例：

1. 创建Flutter插件

使用flutter create --template=plugin命令创建插件项目。

2. Dart端实现

步骤：

  • 使用EventChannel监听扫码数据流
  • 通过MethodChannel调用原生扫码功能

代码：

import 'package:flutter/services.dart';

class BarcodeScanner {
  static const MethodChannel _channel = MethodChannel('barcode_scanner');
  static const EventChannel _eventChannel = EventChannel('barcode_scanner_events');

  static Stream<String> get onBarcodeScanned {
    return _eventChannel.receiveBroadcastStream().map((data) => data.toString());
  }

  static Future<void> startScan() async {
    await _channel.invokeMethod('startScan');
  }

  static Future<void> stopScan() async {
    await _channel.invokeMethod('stopScan');
  }
}

3. Android端实现

步骤：

  • 在MainActivity中设置EventChannel
  • 使用Handler或LiveData发送扫码结果

代码（Kotlin）：

class MainActivity : FlutterActivity() {
    private var eventSink: EventChannel.EventSink? = null

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, "barcode_scanner").setMethodCallHandler { call, result ->
            when (call.method) {
                "startScan" -> {
                    // 启动扫码逻辑
                    startBarcodeScan()
                    result.success(null)
                }
                "stopScan" -> {
                    // 停止扫码逻辑
                    stopBarcodeScan()
                    result.success(null)
                }
                else -> result.notImplemented()
            }
        }

        EventChannel(flutterEngine.dartExecutor.binaryMessenger, "barcode_scanner_events").setStreamHandler(
            object : EventChannel.StreamHandler {
                override fun onListen(args: Any?, events: EventChannel.EventSink?) {
                    eventSink = events
                }

                override fun onCancel(args: Any?) {
                    eventSink = null
                }
            }
        )
    }

    private fun startBarcodeScan() {
        // 实现扫码逻辑，获取到条码数据后通过eventSink发送
        val barcodeData = "123456" // 示例数据
        eventSink?.success(barcodeData)
    }

    private fun stopBarcodeScan() {
        // 停止扫码
    }
}

4. iOS端实现

步骤：

  • 在Swift文件中配置FlutterEventChannel
  • 使用FlutterEventSink发送数据

代码（Swift）：

public class SwiftBarcodeScannerPlugin: NSObject, FlutterPlugin, FlutterStreamHandler {
    private var eventSink: FlutterEventSink?
    
    public static func register(with registrar: FlutterPluginRegistrar) {
        let instance = SwiftBarcodeScannerPlugin()
        
        let methodChannel = FlutterMethodChannel(name: "barcode_scanner", binaryMessenger: registrar.messenger())
        registrar.addMethodCallDelegate(instance, channel: methodChannel)
        
        let eventChannel = FlutterEventChannel(name: "barcode_scanner_events", binaryMessenger: registrar.messenger())
        eventChannel.setStreamHandler(instance)
    }
    
    public func handle(_ call: FlutterMethodCall, result: @escaping FlutterResult) {
        switch call.method {
        case "startScan":
            startBarcodeScan()
            result(nil)
        case "stopScan":
            stopBarcodeScan()
            result(nil)
        default:
            result(FlutterMethodNotImplemented)
        }
    }
    
    public func onListen(withArguments arguments: Any?, eventSink events: @escaping FlutterEventSink) -> FlutterError? {
        eventSink = events
        return nil
    }
    
    public func onCancel(withArguments arguments: Any?) -> FlutterError? {
        eventSink = nil
        return nil
    }
    
    private func startBarcodeScan() {
        // 实现扫码逻辑，获取数据后发送
        let barcodeData = "123456"
        eventSink?(barcodeData)
    }
    
    private func stopBarcodeScan() {
        // 停止扫码
    }
}

使用方式

// 开始监听
BarcodeScanner.onBarcodeScanned.listen((data) {
  print("扫描结果: $data");
});

// 启动扫描
BarcodeScanner.startScan();

关键点说明

  1. EventChannel用于持续数据流传输
  2. MethodChannel用于控制扫描启停
  3. 原生端需要维护eventSink实例
  4. 注意内存管理，及时清理资源

这样即可实现扫码数据的实时广播传递。

回到顶部