iOS原生跳转FlutterViewController方案技巧

iOS

2023-12-12 00:03:19

Flutter集成iOS原生项目：页面跳转与通信

Flutter在原生应用中的整合

Flutter作为谷歌开发的跨平台开发框架，以其出色的性能和广泛的跨平台兼容性备受推崇。随着Flutter的不断发展，将其集成到原生iOS项目中的需求日益增长。

页面跳转

在Flutter集成iOS原生项目时，页面跳转是必不可少的环节。Flutter官方提供了三种主要跳转方式：

push： 与原生push操作类似，将FlutterViewController压入当前导航控制器栈顶，并带有返回按钮。
present： 与原生present操作类似，将FlutterViewController模态呈现到当前控制器之上，可以设置是否带有返回按钮。
embed： 将FlutterViewController嵌入到原生视图控制器中，作为其子视图存在，不带有返回按钮。

代码示例：

// push跳转
[navController pushViewController:flutterViewController animated:YES];

// present跳转
[viewController presentViewController:flutterViewController animated:YES completion:nil];

// embed跳转
[viewController addChildViewController:flutterViewController];
[viewController.view addSubview:flutterViewController.view];

// push跳转
navController.pushViewController(flutterViewController, animated: true)

// present跳转
viewController.present(flutterViewController, animated: true, completion: nil)

// embed跳转
viewController.addChild(flutterViewController)
viewController.view.addSubview(flutterViewController.view)

Flutter与原生通信

页面跳转只是Flutter集成iOS原生项目的第一步，更重要的是实现Flutter与原生的通信。Flutter官方提供了MethodChannel机制，允许双方安全、高效地交换信息。

代码示例：

//调用Flutter方法
[channel invokeMethod:@"methodName" arguments:nil result:^(id _Nullable result, NSError * _Nullable error) {
    NSLog(@"result: %@", result);
}];

//监听Flutter事件
[channel setMethodCallHandler:^(FlutterMethodCall * _Nonnull call, FlutterResult  _Nonnull result) {
    if ([call.method isEqualToString:@"methodName"]) {
        result(@"原生返回数据");
    }
}];

//调用Flutter方法
channel.invokeMethod("methodName", arguments: nil) { result, error in
    print("result: \(result)")
}

//监听Flutter事件
channel.setMethodCallHandler { call, result in
    if call.method == "methodName" {
        result("原生返回数据")
    }
}