Flutter 中如何在 iOS 中使用 Swift/Objective-C？

推荐答案

在 Flutter 中，你可以通过 Platform Channels 在 iOS 中使用 Swift 或 Objective-C 代码。Platform Channels 允许 Flutter 与原生平台进行通信，从而实现调用原生代码的功能。

实现步骤

1. 创建 Flutter 项目：首先，确保你已经创建了一个 Flutter 项目。

2. 定义 Platform Channel：在 Flutter 中定义一个 MethodChannel，用于与原生代码进行通信。

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

3. 在 iOS 中实现 Platform Channel：在 iOS 项目中，使用 Swift 或 Objective-C 实现 FlutterMethodChannel 的 handler。

   Swift 实现：

   // 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 == "getMessage" {
                   self.receiveMessage(result: result)
               } else {
                   result(FlutterMethodNotImplemented)
               }
           })
   
           GeneratedPluginRegistrant.register(with: self)
           return super.application(application, didFinishLaunchingWithOptions: launchOptions)
       }
   
       private func receiveMessage(result: FlutterResult) {
           result("Hello from Swift!")
       }
   }

   Objective-C 实现：

   // www.javascriptcn.com code example
   #import "AppDelegate.h"
   #import <Flutter/Flutter.h>
   
   @implementation AppDelegate
   
   - (BOOL)application:(UIApplication *)application
       didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
       FlutterViewController* controller = (FlutterViewController*)self.window.rootViewController;
   
       FlutterMethodChannel* nativeChannel = [FlutterMethodChannel
                                              methodChannelWithName:@"com.example.app/native"
                                              binaryMessenger:controller.binaryMessenger];
   
       [nativeChannel setMethodCallHandler:^(FlutterMethodCall* call, FlutterResult result) {
           if ([call.method isEqualToString:@"getMessage"]) {
               [self receiveMessageWithResult:result];
           } else {
               result(FlutterMethodNotImplemented);
           }
       }];
   
       [GeneratedPluginRegistrant registerWithRegistry:self];
       return [super application:application didFinishLaunchingWithOptions:launchOptions];
   }
   
   - (void)receiveMessageWithResult:(FlutterResult)result {
       result(@"Hello from Objective-C!");
   }
   
   @end

4. 在 Flutter 中调用原生代码：在 Flutter 中调用 NativeBridge 类中的方法，获取原生代码返回的消息。

   // www.javascriptcn.com code example
   void main() {
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: Text('Flutter Native Bridge'),
           ),
           body: Center(
             child: FutureBuilder<String>(
               future: NativeBridge().getNativeMessage(),
               builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
                 if (snapshot.connectionState == ConnectionState.waiting) {
                   return CircularProgressIndicator();
                 } else if (snapshot.hasError) {
                   return Text('Error: ${snapshot.error}');
                 } else {
                   return Text('Message: ${snapshot.data}');
                 }
               },
             ),
           ),
         ),
       );
     }
   }

本题详细解读

Platform Channels 的工作原理

Platform Channels 是 Flutter 提供的一种机制，允许 Dart 代码与原生平台（如 iOS 和 Android）进行双向通信。通过 Platform Channels，Flutter 可以调用原生代码，并且原生代码也可以向 Flutter 发送消息。

MethodChannel 的使用

MethodChannel 是 Platform Channels 的一种实现，它允许 Flutter 调用原生方法并接收返回值。在 Flutter 中，你可以通过 MethodChannel 的 invokeMethod 方法来调用原生代码中的方法，并通过 setMethodCallHandler 在原生代码中处理这些调用。

iOS 中的实现

在 iOS 中，你可以使用 Swift 或 Objective-C 来实现 FlutterMethodChannel 的 handler。通过 setMethodCallHandler，你可以定义如何处理来自 Flutter 的调用，并返回相应的结果。

异步通信

由于 Flutter 和原生代码之间的通信是异步的，因此在 Flutter 中调用原生代码时，通常会使用 Future 或 async/await 来处理异步操作。原生代码中的 FlutterResult 也是一个回调函数，用于将结果返回给 Flutter。

错误处理

在 Flutter 中调用原生代码时，可能会遇到各种错误，例如方法未实现或平台异常。因此，在 Flutter 中调用 invokeMethod 时，通常会使用 try-catch 来捕获可能的异常，并进行相应的错误处理。

总结

通过 Platform Channels，Flutter 可以轻松地与 iOS 中的 Swift 或 Objective-C 代码进行交互。这种机制使得 Flutter 能够充分利用原生平台的功能，同时保持跨平台开发的便利性。