flutter_boost

一、接入方式：

flutter_boost:
    git:
      url: https://github.com/alibaba/flutter_boost.git
      ref: null-safety

具体可参考：官方文档
二、使用官方文档：
Dart：

BoostNavigator.instance.push(
    "yourPage", //required
    withContainer: false, //optional
    arguments: {"key":"value"}, //optional
    opaque: true, //optional,default value is true
);

注意点：

支持 “打开flutter页面不再打开容器” 场景：

在很多场景下，Flutter 页面跳转Flutter 页面，这个时候可以不需要再打开容器。不打开容器，能节省内存开销。在FlutterBoost3.0上，打开容器和不打开容器的区别表现在用户接口上仅仅是withContainer参数是否为true就好

RouteNavigator.push('appointment_test',
                arguments: {
                  'isSuccess': true,
                  'mobile': phoneNum,
                  'carId': result.id,
                  'city': city
                },
                withContainer: true);

如项目中跳转预约检测时，若withContainer：false

d63b7a9a223a33df0e151bb9f605fb71.jpg

push跳转

 BoostNavigator.instance.push("dialogPage",
        withContainer: true,

        ///如果开启新容器，需要指定opaque为false
        opaque: false);

关闭页面

///pop一次
BoostNavigator.instance.pop(result);

注意：如果打开的Flutter页面不带容器（例如，通过原生的Navigator.push，或者withContainer=false），那么pop时，result可以是任何类型；如果打开的页面是一个带容器的Flutter页面（即，withContainer=true）或一个Native页面，那么result需要是Map类型。

三、iOS：
1.开启新页面：

let options = FlutterBoostRouteOptions()
options.pageName = "mainPage"
options.arguments = ["key" :"value"]

//页面是否透明（用于透明弹窗场景），若不设置，默认情况下为true
options.opaque = true

//这个是push操作完成的回调，而不是页面关闭的回调！！！！
options.completion = { completion in
   print("open operation is completed")
}

//这个是页面关闭并且返回数据的回调，回调实际需要根据您的Delegate中的popRoute来调用
options.onPageFinished = { dic in
   print(dic)
}

FlutterBoost.instance().open(options)

2.原生参数回传flutter

//注意：这里pageName是你push的这个原生的pageName，而不是上一个flutter页面的pageName
FlutterBoost.instance().sendResultToFlutter(withPageName: "pageName", arguments: ["key":"value"])

四、坑点：
flutter在与原生交互时，容易出现flutter页面被释放的情况，这时，需要重新将flutter页面加到栈中

messageVC.setName("message", uniqueId: "message", params: ["open_source": "native"], opaque: true

项目中出现的地方：
弹出系统弹框时；
由flutter页面的tab切换到原生页面tab时；

flutter_boost

你可能感兴趣的:(flutter_boost)