一统天下 flutter - 插件: flutter 与 ios 原生之间的数据通信

源码 https://github.com/webabcd/flutter_demo
作者 webabcd

一统天下 flutter - 插件: flutter 与 ios 原生之间的数据通信

示例如下:

lib\plugin\plugin.dart

/*
 * 插件
 * 本例用于演示 flutter 与 android/ios 原生之间的数据通信
 *
 * 一、android 插件开发
 * 1、主 flutter 项目要先在 android 平台中运行一下
 * 2、在 android 文件夹上,使用右键菜单,然后选择 Flutter -> Open Android module in Android Studio 即可开发插件
 * 3、参见 /android/app/src/main/kotlin/com/example/flutter_demo/MainActivity.kt
 *
 * 二、ios 插件开发
 * 1、主 flutter 项目要先在 ios 平台中运行一下
 * 2、在 android studio 或 visual studio code 中执行如下逻辑
 *    cd ios
 *    pod install
 * 3、用 xcode 中打开 /ios/Runner.xcworkspace 即可开发插件
 * 4、参见 /ios/Runner/AppDelegate.swift
 *
 *
 * 注:插件中实现的功能不支持 flutter 的 hot reload
 */

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_demo/helper.dart';

class PluginDemo extends StatefulWidget {
  const PluginDemo({Key? key}) : super(key: key);

  @override
  _PluginDemoState createState() => _PluginDemoState();
}

class _PluginDemoState extends State<PluginDemo> {

  String text = "";

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        title: const Text('title'),
      ),
      backgroundColor: Colors.orange,
      body: Center(
        child: MyText(text),
      ),
      persistentFooterButtons: [
        MyButton(
          onPressed: () async {
            var result = await MyPlugin.method1();
            setState(() {
              text = result;
            });
          },
          child: const Text("method1"),
        ),
        MyButton(
          onPressed: () async {
            var result = await MyPlugin.method2();
            setState(() {
              text = result;
            });
          },
          child: const Text("method2"),
        ),
        MyButton(
          onPressed: () async {
            var result = await MyPlugin.method3();
            setState(() {
              text = result;
            });
          },
          child: const Text("method3"),
        ),
        MyButton(
          onPressed: () async {
            var result = await MyPlugin.method4();
            setState(() {
              text = result;
            });
          },
          child: const Text("method4"),
        ),
        MyButton(
          onPressed: () async {
            var result = await MyPlugin.method5();
            setState(() {
              text = result;
            });
          },
          child: const Text("method5"),
        ),
        MyButton(
          onPressed: () async {
            var result = await MyPlugin.method6();
            setState(() {
              text = result;
            });
          },
          child: const Text("method6"),
        ),
      ],
    );
  }
}


class MyPlugin {
  /// 获取指定名称的 MethodChannel(其用于 flutter 和插件之间的通信)
  static final MethodChannel _methodChannel = const MethodChannel("com.webabcd.flutter/channel1")
    ..setMethodCallHandler(_callHandler); /// 插件调用 flutter 时会执行这里

  /// 用于演示如何接收插件调用 flutter 时的方法名和参数值
  static Future<dynamic> _callHandler(MethodCall call) async {
    log("method:${call.method}, arguments:${call.arguments}");
  }

  static Future<String> method1() async {
    /// flutter 调用插件中的方法
    return await _methodChannel.invokeMethod("method1");
  }

  static Future<String> method2() async {
    /// flutter 调用插件中的方法,并传递一个字符串类型的参数
    return await _methodChannel.invokeMethod("method2", "abc");
  }

  static Future<String> method3() async {
    /// flutter 调用插件中的方法,并传递一个字典表类型的参数
    var map = {"name": "webabcd", "age": 43};
    return await _methodChannel.invokeMethod("method3", map);
  }

  static Future<String> method4() async {
    /// flutter 调用插件中的方法,并传递一个列表类型的参数
    var list = [1, 2, 3];
    return await _methodChannel.invokeMethod("method4", list);
  }

  static Future<String> method5() async {
    /// flutter 调用插件中的方法,并捕获异常
    try {
      return await _methodChannel.invokeMethod("method5");
    } on PlatformException catch(e) {
      return "调用 method5 异常 code:${e.code}, message:${e.message}, details:${e.details}";
    }
  }

  static Future<String> method6() async {
    /// flutter 调用插件中的方法,但是插件中没有这个方法
    try {
      return await _methodChannel.invokeMethod("method6");
    } on MissingPluginException catch(e) {
      return "调用 method6 异常 ${e.toString()}";
    }
  }
}

ios\Runner\AppDelegate.swift

/*
 * 本例用于演示 ios 插件的开发
 */

import UIKit
import Flutter

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate
{
    override func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions:[UIApplication.LaunchOptionsKey: Any]?) -> Bool
    {
        // 用于为某个插件提供服务
        let registrar1: FlutterPluginRegistrar = self.registrar(forPlugin: "com.webabcd.flutter/plugin1")!
        let registrar2: FlutterPluginRegistrar = self.registrar(forPlugin: "com.webabcd.flutter/plugin2")!
        
        // 注册自定义插件,用于演示 flutter 与 ios 原生之间的数据通信
        MyFlutterPlugin1.register(with: registrar1)
        
        // 注册自定义插件,用于演示 flutter 使用 ios 原生控件,并做数据通信
        MyFlutterPlugin2.register(with: registrar2)
        
        GeneratedPluginRegistrant.register(with: self)
        
        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
    }
}

ios\Runner\MyFlutterPlugin1.swift

/*
 * 自定义插件,用于演示 flutter 与 ios 原生之间的数据通信
 */

import UIKit
import Flutter

// 自定义插件
class MyFlutterPlugin1: NSObject, FlutterPlugin
{
    static func register(with registrar: FlutterPluginRegistrar)
    {
        let binaryMessenger = registrar.messenger()
        let _ = MyFlutterPlugin1(binaryMessenger: binaryMessenger)
    }
    
    init(binaryMessenger: FlutterBinaryMessenger)
    {
        super.init()
        
        // 创建一个 FlutterMethodChannel 并指定其名称,它用于 flutter 和 ios 插件之间的通信(在 flutter 中通过名称获取此 channel 后就可以通信了)
        // binaryMessenger 的意思是这个 FlutterMethodChannel 用于传输二进制数据
        let methodChannel = FlutterMethodChannel(name: "com.webabcd.flutter/channel1", binaryMessenger: binaryMessenger)

        // flutter 调用 ios 插件中的方法时,会执行到这里
        methodChannel.setMethodCallHandler { (call:FlutterMethodCall, result:@escaping FlutterResult) in

            // flutter 调用 ios 插件中的方法的名称
            let method = call.method
            
            if (method == "method1")
            {
                let returnValue = self.method1()
                // 返回给 flutter 的结果
                result(returnValue)
                
                // 用于演示 ios 调用 flutter
                methodChannel.invokeMethod("ios to flutter", arguments: "param")
            }
            
            else if (method == "method2")
            {
                // 通过 call.arguments 获取 flutter 调用 ios 插件中的方法时传递的参数
                let param = call.arguments as! String
                let returnValue = self.method2(param: param)
                // 返回给 flutter 的结果
                result(returnValue)
            }
     
            else if (method == "method3")
            {
                // 通过 call.arguments 获取 flutter 调用 ios 插件中的方法时传递的参数
                let dict = call.arguments as! Dictionary<String, Any>
                let name = dict["name"] as! String
                let age = dict["age"] as! Int
                let returnValue = self.method3(name: name, age: age)
                // 返回给 flutter 的结果
                result(returnValue)
            }
            
            else if (method == "method4")
            {
                // 通过 call.arguments 获取 flutter 调用 ios 插件中的方法时传递的参数
                let array = call.arguments as! Array<Int>
                let returnValue = self.method4(array: array)
                // 返回给 flutter 的结果
                result(returnValue)
            }
            
            else if (method == "method5")
            {
                // 返回给 flutter 的自定义异常信息(flutter 中可以通过 try/catch 捕获到一个 PlatformException 类型的异常)
                result(FlutterError(code: "errorCode", message: "errorMessage", details: "errorDetails"))
            }
            
            else
            {
                // 如果 ios 插件中没有 flutter 调用的方法,则可以返回如下异常(flutter 中可以通过 try/catch 捕获到一个 MissingPluginException 类型的异常)
                result(FlutterMethodNotImplemented)
            }
        }
    }
    
    func method1() -> String
    {
        return "调用 method1 成功"
    }

    func method2(param:String) -> String
    {
        return "调用 method2 成功 param:\(param)"
    }

    func method3(name:String, age:Int) -> String
    {
        return "调用 method3 成功 name:\(name), age:\(age)"
    }

    func method4(array:Array<Int>) -> String
    {
        return "调用 method4 成功 \(array.map({ String($0) }).joined(separator: ","))"
    }
}

源码 https://github.com/webabcd/flutter_demo
作者 webabcd

posted @ 2023-04-10 09:13  webabcd  阅读(247)  评论(0编辑  收藏  举报