美文网首页AndroidFlutter
iOS和flutter混编FlutterMethodChanne

iOS和flutter混编FlutterMethodChanne

作者: 番茄炒西红柿啊 | 来源:发表于2022-01-18 12:22 被阅读0次

    1.前言

    移动端原生和flutter模块混编时,少不了要在两个模块之间做通讯的需求。flutter为我们提供了三种交互方式:

    • BasicMessageChannel:双向通道,iOS和flutter都可以主动向对方传递消息,最简单的传递数据。

    • MethodChannel:双向通道,使用方式基本和BasicMessageChannel一样,但是高级一些,能够自定义methodName。

    • EventChannel:用于事件流的发送(event streams), 属于持续性的单向通信, 只能是 iOS 端主动调用, 常用于传递原生设备的信息, 状态等, 比如电池电量, 远程通知, 网络状态变化, 手机方向, 重力感应, 定位位置变化等等.

    具体如何使用可以点击上方对应的链接查阅,这里不再赘述。本篇主要记录我在使用中遇到得一点问题和疑惑。

    2.版本

    当前使用的flutterdart版本如下:

    flutter 2.8.1 • channel stable • https://github.com/flutter/flutter.git
    Framework • revision 77d935af4d (5 weeks ago) • 2021-12-16 08:37:33 -0800
    Engine • revision 890a5fca2e
    Tools • Dart 2.15.1
    

    3.功能描述

    很简单的一个测试功能:

    • 原生ViewController跳转到flutter模块,(即,present一个FlutterViewController)。
    • flutter模块点击左上角按钮触发MethodChannel,通知原生调用dismiss方法关闭flutter模块。

    具体代码实现如下(只贴主要代码):

    3.1原生代码

    • 为了方便查看对象是否销毁,这里继承一下官方的类,并重写deinit方法。

      class CusFlutterViewController: FlutterViewController {
          override init(engine: FlutterEngine, nibName: String?, bundle nibBundle: Bundle?) {
              super.init(engine: engine, nibName: nibName, bundle: nibBundle)
              self.modalPresentationStyle = .fullScreen
          }
          required init(coder aDecoder: NSCoder) {
              super.init(coder: aDecoder)
          }
          deinit {
              debugPrint("deinit \(self)")
          }
      }
      
      class CusFlutterMethodChannel: FlutterMethodChannel {
          
          deinit {
              debugPrint("deinit \(self)")
          }
      }
      

      FlutterViewControllerFlutterMethodChannel被销毁时,控制台会打印出对应的日志。

    • 创建引擎,创建flutterViewContr,methodChannel,并实现回调。

      let flutterEngine = FlutterEngine(name: "my flutter engine")
      flutterEngine.run()
      GeneratedPluginRegistrant.register(with: flutterEngine);
      
      ...省略无关代码
      
      self.flutterVC = CusFlutterViewController.init(engine: flutterEngine, nibName: nil, bundle: nil)
      
      self.channel = CusFlutterMethodChannel.init(name: "channel", binaryMessenger: self.flutterVC!.binaryMessenger)
      
      self.channel?.setMethodCallHandler { [weak self] handler, block in
          let method = handler.method
          switch method {
          case "exit_flutter_module":
              self?.dismiss(animated: true, completion: {
                  self?.channel?.setMethodCallHandler(nil)
                    self?.channel = nil
                    self?.flutterVC = nil
              })
          default:()
          }
      }
      
      self.present(self.flutterVC!, animated: true, completion: nil)
      

    3.2 flutter端代码

    点击按钮时,通知原生dismiss掉flutter模块

    const MethodChannel flutterMethodChannel = MethodChannel('channel');
    
    ...省略无关代码
      
    TextButton(
      child: const Text("back", style: TextStyle(color: Colors.red),),
      onPressed: () async {
        var result = await flutterMethodChannel.invokeMapMethod("exit_flutter_module") ?? {};
        debugPrint("$result");
      },
    )
    

    4.发现问题

    当运行上述代码,从flutter模块返回原生页面时,发现控制台仅仅只输出了flutterViewController的deinit日志,而flutterMethodChanneldeinit方法并没有被触发。每次重新进入到flutter页面都会再次创建一个新的channel对象,但是返回时析构函数deinit并不会被触发。也就是说我重复N次进入和退出flutter页面时,内存中便创建了N个channel对象,他们都没有被释放掉。

    个人具体探索问题的过程,这里就不赘述了,直接说说我的发现吧。将上文中创建channel的代码:

    self.channel = CusFlutterMethodChannel.init(name: "channel", binaryMessenger: self.flutterVC!.binaryMessenger)
    

    修改成:

    self.channel = CusFlutterMethodChannel.init(name: "channel", binaryMessenger: self.flutterVC!.binaryMessenger, codec: FlutterStandardMethodCodec.sharedInstance())
    

    上述的问题便解决了。从flutter页面返回原生界面时,channel的析构函数触发,控制台日志有输出。

    5.疑惑

    其实看官方注释的意思,两种构造方法方法区别不大:

    /**
     * Creates a `FlutterMethodChannel` with the specified name and binary messenger.
     *
     * The channel name logically identifies the channel; identically named channels
     * interfere with each other's communication.
     *
     * The binary messenger is a facility for sending raw, binary messages to the
     * Flutter side. This protocol is implemented by `FlutterEngine` and `FlutterViewController`.
     *
     * The channel uses `FlutterStandardMethodCodec` to encode and decode method calls
     * and result envelopes.
     *
     * @param name The channel name.
     * @param messenger The binary messenger.
     */
    + (instancetype)methodChannelWithName:(NSString*)name
                          binaryMessenger:(NSObject<FlutterBinaryMessenger>*)messenger;
    
    /**
     * Creates a `FlutterMethodChannel` with the specified name, binary messenger, and
     * method codec.
     *
     * The channel name logically identifies the channel; identically named channels
     * interfere with each other's communication.
     *
     * The binary messenger is a facility for sending raw, binary messages to the
     * Flutter side. This protocol is implemented by `FlutterEngine` and `FlutterViewController`.
     *
     * @param name The channel name.
     * @param messenger The binary messenger.
     * @param codec The method codec.
     */
    + (instancetype)methodChannelWithName:(NSString*)name
                          binaryMessenger:(NSObject<FlutterBinaryMessenger>*)messenger
                                    codec:(NSObject<FlutterMethodCodec>*)codec;
    

    第一个方法其实就是第二个方法codec默认为FlutterStandardMethodCodec。至于为何第一中方法构造的channel不能释放,只能去看源码才能解惑了。如果大家有好的想法和见解,还请不吝赐教!

    相关文章

      网友评论

        本文标题:iOS和flutter混编FlutterMethodChanne

        本文链接:https://www.haomeiwen.com/subject/kgjkhrtx.html