iOS集成Flutter时FlutterMethodChannel数据传递失败求助

问题现状 #

在iOS项目中嵌入Flutter视图，尝试通过MethodChannel传递数据时，出现以下异常：

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: MissingPluginException(No implementation found for method sendData on channel com.b.heatmap/data)

核心原因 #

当前代码存在调用逻辑错位：

• iOS端主动调用Flutter的sendData方法，但Flutter未注册该方法的监听
• Flutter端同时尝试调用iOS的sendData方法，但iOS未实现该方法的处理
  双方都在等待对方实现自己要调用的方法，导致异常。

解决方案 #

根据需求选择以下两种方案之一：

方案1：iOS主动推送数据给Flutter（适合初始化时传数据） #

Flutter端修改

移除主动请求逻辑，改为注册MethodChannel监听，接收iOS推送的数据：

@override
void initState() {
  super.initState();
  _source = <SocialMediaUsers>[];
  _isLoading = true;
  
  // 注册方法监听，接收iOS发送的数据
  platform.setMethodCallHandler((call) async {
    if (call.method == 'sendData') {
      final List<dynamic> result = call.arguments as List<dynamic>;
      print("Data received from native: $result");
      
      setState(() {
        _source = result.map((item) {
          return SocialMediaUsers(
            item['country'],
            item['socialMedia'],
            item['usersInMillions'].toDouble(),
          );
        }).toList();
        _isLoading = false;
      });
      // 返回响应给iOS
      return "Data received successfully";
    }
    throw MissingPluginException();
  });
}

iOS端优化

确保Flutter引擎初始化完成后再发送数据，避免时序问题：

override func viewDidLoad() {
    super.viewDidLoad()

    // 启动Flutter引擎，完成后再执行后续操作
    flutterEngine.run(completionHandler: { [weak self] in
        guard let self = self else { return }
        GeneratedPluginRegistrant.register(with: self.flutterEngine)

        self.flutterViewController = FlutterViewController(engine: self.flutterEngine, nibName: nil, bundle: nil)
        
        guard let flutterVC = self.flutterViewController else { return }
        self.addChild(flutterVC)
        flutterVC.view.frame = self.heatmapView.bounds
        flutterVC.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        self.heatmapView.addSubview(flutterVC.view)
        flutterVC.didMove(toParent: self)
        
        self.methodChannel = FlutterMethodChannel(name: "com.b.heatmap/data", binaryMessenger: flutterVC.binaryMessenger)
        // 发送数据到Flutter
        self.sendDataToFlutter()
    })
}

方案2：Flutter主动请求数据（符合常规请求响应模式） #

iOS端修改

实现MethodChannel的sendData方法处理，返回数据给Flutter：

override func viewDidLoad() {
    super.viewDidLoad()

    flutterEngine.run()
    GeneratedPluginRegistrant.register(with: flutterEngine)

    flutterViewController = FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil)
    
    guard let flutterVC = flutterViewController else { return }
    addChild(flutterVC)
    flutterVC.view.frame = heatmapView.bounds
    flutterVC.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    heatmapView.addSubview(flutterVC.view)
    flutterVC.didMove(toParent: self)
    
    methodChannel = FlutterMethodChannel(name: "com.b.heatmap/data", binaryMessenger: flutterVC.binaryMessenger)
    // 注册方法处理逻辑
    methodChannel?.setMethodCallHandler({ [weak self] (call, result) in
        guard let self = self else { return }
        if call.method == "sendData" {
            let dataToSend: [[String: Any]] = [
                ["country": "India", "socialMedia": "Facebook", "usersInMillions": 25.4],
                ["country": "USA", "socialMedia": "Instagram", "usersInMillions": 19.11],
                ["country": "Japan", "socialMedia": "Facebook", "usersInMillions": 13.3],
                ["country": "Germany", "socialMedia": "Instagram", "usersInMillions": 10.65],
                ["country": "France", "socialMedia": "Twitter", "usersInMillions": 7.54],
                ["country": "UK", "socialMedia": "Instagram", "usersInMillions": 4.93]
            ]
            result(dataToSend)
        } else {
            result(FlutterMethodNotImplemented)
        }
    })
}

// 可以删除sendDataToFlutter方法，因为不需要主动推送

Flutter端保持原有代码

原有的_fetchDataFromNative方法无需修改，继续主动请求iOS数据即可。

验证步骤 #

1. 执行flutter clean清理Flutter缓存，重新构建项目
2. 确保两端MethodChannel名称完全一致（com.b.heatmap/data）
3. 重新运行iOS项目，检查数据是否正常渲染到Treemap中

内容的提问来源于stack exchange，提问作者Shafran Naizer