Flutter原生模块通信插件module_bridge的使用

当然，以下是一个关于如何在Flutter应用中使用module_bridge插件来实现原生模块通信的代码案例。这个插件允许Flutter与原生代码（iOS和Android）进行双向通信。

1. 添加依赖

首先，在你的pubspec.yaml文件中添加module_bridge依赖：

dependencies:
  flutter:
    sdk: flutter
  module_bridge: ^最新版本号  # 请替换为最新版本号

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

2. 配置原生代码

iOS

在你的ios/Runner/Info.plist文件中，添加以下内容以允许URL schemes（如果需要的话）：

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>your_custom_scheme</string>
        </array>
    </dict>
</array>

然后，在ios/Runner/AppDelegate.swift中，设置ModuleBridge：

import UIKit
import Flutter
import module_bridge

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    GeneratedPluginRegistrant.register(with: self)
    
    // 设置ModuleBridge
    let bridge = ModuleBridge()
    bridge.setup(application: application, launchOptions: launchOptions)
    
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}

Android

在你的android/app/src/main/AndroidManifest.xml中，根据需要配置权限和activity等。

然后，在android/app/src/main/kotlin/你的包名/MainActivity.kt（或Java文件）中，设置ModuleBridge：

package 你的包名

import android.os.Bundle
import io.flutter.embedding.android.FlutterActivity
import module_bridge.ModuleBridge

class MainActivity: FlutterActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        // 设置ModuleBridge
        ModuleBridge.setup(this, savedInstanceState)
    }
}

3. 在Flutter中使用module_bridge

发送消息到原生模块

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Module Bridge Demo'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              // 发送消息到原生模块
              ModuleBridge.callNativeHandler("yourHandlerName", {"key": "value"})
                  .then((response) {
                print("Native response: $response");
              }).catchError((error) {
                print("Error: $error");
              });
            },
            child: Text('Send Message to Native'),
          ),
        ),
      ),
    );
  }
}

在原生模块中接收并处理消息

iOS

在AppDelegate.swift或你自定义的类中实现消息处理：

import UIKit
import Flutter
import module_bridge

class MyNativeHandler: NSObject, ModuleBridgeHandler {
    func handle(_ message: [String: Any], completion: @escaping (Any?) -> Void) {
        if let key = message["key"] as? String {
            print("Received message from Flutter: \(key)")
            completion("Native response")
        } else {
            completion(nil)
        }
    }
}

// 在AppDelegate中注册handler
let nativeHandler = MyNativeHandler()
bridge.registerHandler("yourHandlerName", handler: nativeHandler)

Android

在MainActivity.kt或你自定义的类中实现消息处理：

package 你的包名

import io.flutter.embedding.engine.FlutterEngine
import module_bridge.ModuleBridge
import module_bridge.ModuleBridgeHandler

class MyNativeHandler : ModuleBridgeHandler {
    override fun handle(message: Map<String, Any>, completion: (Any?) -> Unit) {
        val key = message["key"] as? String
        key?.let {
            println("Received message from Flutter: $it")
            completion("Native response")
        } ?: run {
            completion(null)
        }
    }
}

// 在MainActivity中注册handler
class MainActivity: FlutterActivity() {
    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        
        val nativeHandler = MyNativeHandler()
        ModuleBridge.registerHandler(flutterEngine, "yourHandlerName", nativeHandler)
    }
}

以上代码展示了如何在Flutter应用中使用module_bridge插件进行原生模块通信。你可以根据需要进一步扩展和修改这些代码。