由于官方flutter工程对原生项目侵入性极大
不适合于大型项目开发
顾本人使用了flutter module 和 flutterboost
完美解决的flutter和native的交互
FlutterBoost是有阿里闲鱼团队开发的一款flutter插件
新一代Flutter-Native混合解决方案。 FlutterBoost是一个Flutter插件，它可以轻松地为现有原生应用程序提供Flutter混合集成方案。FlutterBoost的理念是将Flutter像Webview那样来使用。在现有应用程序中同时管理Native页面和Flutter页面并非易事。 FlutterBoost帮你处理页面的映射和跳转，你只需关心页面的名字和参数即可（通常可以是URL）。
github地址：
传送门https://github.com/alibaba/flutter_boost
-
flutter跳转ios页面自定义配置
根据官方在flutter里配置路由的方式，我在ios写了一套配置controller的方案
swift:
var boostflag = "_ios_"
@objc
class BoostControllerConfig : NSObject {
@objc
static var controllers : [String : BoostModel] {
return [ boostflag + "main" : BoostModel({_,_,_ in MainViewController()}),
///这里从flutter端发过来的参数都会在BoostModel的block里回调，这里需要返回给总
///路由一个controller
boostflag + "Second" : BoostModel({ (_, param, _) -> UIViewController in
return SecondViewController(param , true)
}),
boostflag + "map" : BoostModel({_,_,_ in MapViewController()})]
}
}
@objc
class BoostModel : NSObject {
@objc
var BoostBlockSwift : ((String , [String: Any] ,[String : Any]) -> UIViewController)?
///使用block回调参数
init(_ block : @escaping ((String , [String: Any] ,[String : Any]) -> UIViewController)) {
super.init()
self.BoostBlockSwift = {(name , param , exits) in
return block(name , param , exits)
}
}
}
-
跳转的所有由路请求由ios管理
这里官方在demo里已经写好，我在基础上稍微修改了一下
这里是回调上面的配置
oc: PlatformRouterImp.m
- (void)open:(NSString *)name
urlParams:(NSDictionary *)params
exts:(NSDictionary *)exts
completion:(void (^)(BOOL))completion
{
///如果flutter请求的name带有ios标识
if ([name containsString:@"_ios_"]) {
///从配置中取出名字对应的model
BoostModel * model = BoostControllerConfig.controllers[name];
//把从flutter端传过来的参数回调
UIViewController * vc = model.BoostBlockSwift(name, params, exts);
vc.title = exts[@"title"];
[self.navigationController pushViewController:vc animated:true];
} else {
FLBFlutterViewContainer *vc = FLBFlutterViewContainer.new;
vc.title = exts[@"title"];
[vc setName:name params:params];
[self.navigationController pushViewController:vc animated:true];
}
if(completion) completion(YES);
}
-
flutter端push native页面
dart:
FlutterBoost.singleton.open("_ios_map");
demo已经上传GitHub
WX20191128-160335.png
使用的fluttermodule方式
侵入性很小
demo很详细
喜欢的请点star
传送门
https://github.com/xujiyao123/FlutterNativeHybrid
