Flutter 中如何调用 Native 代码？

推荐答案

在 Flutter 中调用 Native 代码可以通过 MethodChannel 实现。MethodChannel 是 Flutter 提供的一种机制，用于在 Dart 代码和平台原生代码（如 Android 的 Java/Kotlin 或 iOS 的 Objective-C/Swift）之间进行通信。

实现步骤

1. 在 Dart 中定义 MethodChannel：

   // www.javascriptcn.com code example
   import 'package:flutter/services.dart';
   
   class NativeBridge {
     static const platform = MethodChannel('com.example.app/native');
   
     Future<String> callNativeMethod(String methodName) async {
       try {
         final String result = await platform.invokeMethod(methodName);
         return result;
       } on PlatformException catch (e) {
         return "Failed to call native method: ${e.message}";
       }
     }
   }

2. 在 Android 中实现 MethodChannel：

   // www.javascriptcn.com code example
   import io.flutter.embedding.android.FlutterActivity
   import io.flutter.embedding.engine.FlutterEngine
   import io.flutter.plugin.common.MethodChannel
   
   class MainActivity: FlutterActivity() {
       private val CHANNEL = "com.example.app/native"
   
       override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
           super.configureFlutterEngine(flutterEngine)
           MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
               if (call.method == "getNativeData") {
                   val data = "Hello from Android"
                   result.success(data)
               } else {
                   result.notImplemented()
               }
           }
       }
   }

3. 在 iOS 中实现 MethodChannel：

   // www.javascriptcn.com code example
   import UIKit
   import Flutter
   
   @UIApplicationMain
   @objc class AppDelegate: FlutterAppDelegate {
       override func application(
           _ application: UIApplication,
           didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
       ) -> Bool {
           let controller : FlutterViewController = window?.rootViewController as! FlutterViewController
           let nativeChannel = FlutterMethodChannel(name: "com.example.app/native",
                                                     binaryMessenger: controller.binaryMessenger)
           nativeChannel.setMethodCallHandler({
               (call: FlutterMethodCall, result: @escaping FlutterResult) -> Void in
               if call.method == "getNativeData" {
                   let data = "Hello from iOS"
                   result(data)
               } else {
                   result(FlutterMethodNotImplemented)
               }
           })
   
           GeneratedPluginRegistrant.register(with: self)
           return super.application(application, didFinishLaunchingWithOptions: launchOptions)
       }
   }

本题详细解读

1. MethodChannel 的作用

MethodChannel 是 Flutter 提供的一种跨平台通信机制，允许 Dart 代码与原生平台代码进行双向通信。通过 MethodChannel，Dart 可以调用原生平台的功能，原生平台也可以向 Dart 发送消息。

2. Dart 端的实现

在 Dart 端，首先需要创建一个 MethodChannel 实例，并指定一个唯一的通道名称。然后，通过 invokeMethod 方法调用原生平台的方法，并传递参数（如果需要）。invokeMethod 返回一个 Future，可以异步获取原生平台的响应。

3. Android 端的实现

在 Android 端，需要在 FlutterActivity 中配置 MethodChannel。通过 setMethodCallHandler 方法设置一个回调，处理来自 Dart 的调用请求。根据 call.method 判断具体调用的方法，并返回相应的结果。

4. iOS 端的实现

在 iOS 端，需要在 AppDelegate 中配置 MethodChannel。通过 setMethodCallHandler 方法设置一个回调，处理来自 Dart 的调用请求。根据 call.method 判断具体调用的方法，并返回相应的结果。

5. 错误处理

在 Dart 端，可以通过捕获 PlatformException 来处理原生平台返回的错误。在原生平台端，如果调用的方法未实现，可以返回 result.notImplemented() 或 FlutterMethodNotImplemented。

6. 使用场景

MethodChannel 适用于需要在 Flutter 中调用原生平台特定功能的场景，例如访问设备的硬件功能（如相机、传感器）、调用第三方 SDK、或执行性能敏感的任务等。

通过 MethodChannel，Flutter 可以灵活地与原生平台进行交互，扩展 Flutter 应用的功能。