Flutter桥接插件bridge_me的功能使用

bridge_me 是一个用于 Flutter 和原生平台（如 Android 和 iOS）之间进行通信的桥接插件。它允许你在 Flutter 应用中调用原生代码，或者在原生代码中调用 Flutter 代码，从而实现更复杂的跨平台功能。

以下是 bridge_me 插件的基本功能和使用步骤：

1. 添加依赖

在 pubspec.yaml 文件中添加 bridge_me 插件的依赖：

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

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

2. 创建桥接类

在 Flutter 中，你需要创建一个桥接类来定义与原生平台的通信方法。

import 'package:bridge_me/bridge_me.dart';

class MyBridge {
  // 初始化桥接
  static final bridge = Bridge('my_bridge');

  // 定义通信方法
  static Future<String> getPlatformVersion() async {
    return await bridge.callMethod('getPlatformVersion');
  }

  static Future<void> showNativeToast(String message) async {
    return await bridge.callMethod('showNativeToast', {'message': message});
  }
}

3. 在原生平台实现桥接

Android

在 android/app/src/main/kotlin/com/example/app/MainActivity.kt 中实现桥接逻辑：

import android.widget.Toast
import io.flutter.embedding.android.FlutterActivity
import io.flutter.plugin.common.MethodChannel

class MainActivity : FlutterActivity() {
    private val CHANNEL = "my_bridge"

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
            when (call.method) {
                "getPlatformVersion" -> result.success("Android ${android.os.Build.VERSION.RELEASE}")
                "showNativeToast" -> {
                    val message = call.argument<String>("message")
                    Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
                    result.success(null)
                }
                else -> result.notImplemented()
            }
        }
    }
}

iOS

在 ios/Runner/AppDelegate.swift 中实现桥接逻辑：

import UIKit
import Flutter

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
    override func application(
        _ application: UIApplication,
        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
    ) -> Bool {
        let controller = window?.rootViewController as! FlutterViewController
        let channel = FlutterMethodChannel(name: "my_bridge", binaryMessenger: controller.binaryMessenger)
        channel.setMethodCallHandler { (call: FlutterMethodCall, result: @escaping FlutterResult) in
            switch call.method {
            case "getPlatformVersion":
                result("iOS \(UIDevice.current.systemVersion)")
            case "showNativeToast":
                if let message = call.arguments as? String {
                    let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert)
                    controller.present(alert, animated: true, completion: nil)
                    DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
                        alert.dismiss(animated: true, completion: nil)
                    }
                    result(nil)
                }
            default:
                result(FlutterMethodNotImplemented)
            }
        }
        GeneratedPluginRegistrant.register(with: self)
        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
    }
}

4. 在 Flutter 中使用桥接

在 Flutter 应用中调用桥接方法：

import 'package:flutter/material.dart';
import 'my_bridge.dart'; // 导入桥接类

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Bridge Me Example')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: () async {
                  String version = await MyBridge.getPlatformVersion();
                  print('Platform Version: $version');
                },
                child: Text('Get Platform Version'),
              ),
              ElevatedButton(
                onPressed: () async {
                  await MyBridge.showNativeToast('Hello from Flutter!');
                },
                child: Text('Show Native Toast'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

5. 运行项目

确保你的 Flutter 项目已经连接到 Android 或 iOS 设备，然后运行以下命令：

flutter run