一、接入方式:
flutter_boost:
git:
url: https://github.com/alibaba/flutter_boost.git
ref: null-safety
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
- 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<String, dynamic>类型。
三、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时;