Flutter UiKitView无法向Swift原生视图传递参数求助

核心问题 #

你的FLNativeViewFactory未实现createArgsCodec()方法——这是iOS端解析Dart传递的creationParams的必要步骤，Android端无需额外配置，但iOS必须显式提供与Dart端匹配的编解码器，否则参数会被解析为nil。

具体修复步骤 #

1. 给FLNativeViewFactory添加编解码器实现

在FLNativeViewFactory中补充createArgsCodec()方法，返回与Dart端StandardMessageCodec对应的iOS端实现：

class FLNativeViewFactory: NSObject, FlutterPlatformViewFactory {
    private var messenger: FlutterBinaryMessenger

    init(messenger: FlutterBinaryMessenger) {
        self.messenger = messenger
        super.init()
    }

    // 必须添加该方法，确保参数能被正确解析
    func createArgsCodec() -> FlutterMessageCodec & NSObjectProtocol {
        return FlutterStandardMessageCodec.sharedInstance()
    }

    func create(
        withFrame frame: CGRect,
        viewIdentifier viewId: Int64,
        arguments args: Any?
    ) -> FlutterPlatformView {
        return FLNativeView(
            frame: frame,
            viewIdentifier: viewId,
            arguments: args,
            binaryMessenger: messenger)
    }
}

2. 统一注册环节的标识符

避免拼写错误导致的匹配失败，建议用常量统一管理插件名称和视图类型：

import UIKit
import Flutter

// 统一常量，避免硬编码错误
let kPluginName = "your-actual-plugin-name"
let kPlatformViewType = "your-actual-platform-view-type"

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
    override func application(
        _ application: UIApplication,
        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
    ) -> Bool {
        GeneratedPluginRegistrant.register(with: self)
        
        guard let registrar = self.registrar(forPlugin: kPluginName) else {
            fatalError("无法获取插件\(kPluginName)的注册器")
        }
        
        let factory = FLNativeViewFactory(messenger: registrar.messenger())
        registrar.register(factory, withId: kPlatformViewType)
        
        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
    }
}

注意：Dart端UiKitView的viewType必须与这里的kPlatformViewType完全一致。

3. 安全解析参数

在FLNativeView中可安全转换并使用参数：

class FLNativeView: NSObject, FlutterPlatformView {
    private let nativeView: UIView
    private let arguments: [String: Any]?

    init(frame: CGRect, viewIdentifier viewId: Int64, arguments args: Any?, binaryMessenger messenger: FlutterBinaryMessenger) {
        self.arguments = args as? [String: Any]
        self.nativeView = UIView(frame: frame)
        super.init()
        
        // 解析并使用参数
        if let num = arguments?["num"] as? Int, let text = arguments?["text"] as? String {
            print("收到参数：num=\(num)，text=\(text)")
            // 在这里更新原生视图逻辑
            nativeView.backgroundColor = .blue
        }
    }

    var view: UIView {
        return nativeView
    }
}

补充说明 #

iOS Platform View的参数传递依赖Factory提供的编解码器，必须与Dart端creationParamsCodec严格匹配。官方文档中该步骤容易被忽略，而Android端的ViewFactory默认兼容StandardMessageCodec，因此不会出现类似问题。

内容的提问来源于stack exchange，提问作者Ben the Border