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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 记得去年9月份的时候谷歌在上海有一次开发者大会,去参加的时候关注到了flutter,随后没过多久就发布了1.0版本...
    炸鸡叔阅读 24,809评论 9 64
  • 权限管理基本概念 我们可以把MySQL看做是一个工厂,db就是其中的一个个仓库,比如有A仓库,B仓库等等,而我们的...
    黄二的NPE阅读 304评论 0 1
  • 第一次看小人书是什么时候已无从想起,它就像一块巨大的磁石,而我就是颗小小的铁屑,根本没有任何抗拒能力。童年一直到初...
    我是KAKA阅读 718评论 1 1
  • 今天跟朋友们聊一聊大众情绪 “抱怨”。 关于谈抱怨的内容比较广,可以是人、是事、是自己...... 今天想聊的方面...
    畅谈一下阅读 382评论 0 0
  • 祥子已经没有负担了, 可以放松拉车了, 不用再那么拼命了。祥子 现在已经有很多朋友了,他们互相帮助。可谓"有福...
    于浩然密探阅读 1,155评论 0 2