IOS Flutter混合栈集成FlutterBoost一些简单

由于官方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