flutter混合(iOS)开发第一步使用(Flutter_Boost)完成页面之间的跳转传值(二)
上回我们说到原生跳转到Flutter
这回我们说返回并且传值回去
Flutter
返回Native
并传值
appBar: AppBar(
title: const Text('First Route1'),
leading: IconButton(
icon: Icon(Icons.arrow_back),
onPressed: () {
// 返回到原生界面传值
Map<String, dynamic> tmp = {
"name": "flutterName",
"age": "GooleAge"
};
try {
<!--这里的 flutterCallBack 是我们在页面上要类似 key 值的东西 tmp 就不解释了,上面那个值-->
FlutterBoost.singleton.channel
.sendEvent("flutterCallBack", tmp);
} catch (e) {
print(e);
}
<!--这里的 backNative 是我们返回的时候需要监控的地方在 PlatformRouterImp 里面,因为页面多了我有时候还要做一些其他操作-->
FlutterBoost.singleton.close('backNative');
}),
),
原生里面我们接受方式
// 获取Dart传过来的值
_ = FlutterBoostPlugin.sharedInstance() .addEventListener({ (name, parmas) in
DLog("====================\(parmas!["name"] ?? "没有值")")
<!--这里的值就是Dart里面的那个一定要一样-->
}, forName: "flutterCallBack")
假装一个分割线-------------------------------------------------------------- 第二种
FlutterA TO FlutterB 跳转和传值
这个只需要在Dart
中做操作
这里我们需要再mian
里面再写一个
'second': (String pageName, Map<String, dynamic> params, String _) =>
SecondRouteWidget(params),
我FlutterA页面写了一个Button
来点击并且发送参数
RaisedButton(
child: const Text('Open second route'),
onPressed: () {
print('open second page!');
// 打开flutter页面
FlutterBoost.singleton.open('second',urlParams: {"name":"flutterPage1 传递过来的值是这样的"}).then((Map<dynamic, dynamic> value) {
setState(() {
secondTwoPageString = value["result"];
});
});
},
),
这里第二个路由我们第二个页面接受一个参数,所有需要再第二页面初始化一个构造器
class SecondRouteWidget extends StatefulWidget {
final Map<dynamic, dynamic> params;
SecondRouteWidget(this.params);
@override
_SecondRouteWidgetState createState() => _SecondRouteWidgetState();
}
<!--然后接受一下-->
class _SecondRouteWidgetState extends State<SecondRouteWidget> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('secondPage'),
),
body: Center(
child: Column(
child: Text(
<!--看一下传过来的值-->
widget.params["name"],
)
),
),
);
}
}
这样Flutter跳转Flutter
就完成了剩下就是跳转回去,并且传值
同样的还是在second
页面写一个按钮跳转回去
class SecondRouteWidget extends StatefulWidget {
final Map<dynamic, dynamic> params;
SecondRouteWidget(this.params);
@override
_SecondRouteWidgetState createState() => _SecondRouteWidgetState();
}
<!--然后接受一下-->
class _SecondRouteWidgetState extends State<SecondRouteWidget> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('secondPage'),
),
body: Center(
child: Column(
child: RaisedButton(
child: const Text('返回上一个Flutter页面'),
onPressed: () {
// Navigate back to first route when tapped.(返回Flutter页面)
final BoostContainerSettings settings =
BoostContainer.of(context).settings;
// 传值回到上个flutter页面
FlutterBoost.singleton.close(
settings.uniqueId,
result: <String, dynamic>{'result': 'data from second'},
);
},
),
),
),
);
}
}
在FlutterA
页面跳转的那个地方我们其实已经监听到返回了,并且还有值就是
RaisedButton(
child: const Text('Open second route'),
onPressed: () {
print('open second page!');
// 打开flutter页面
FlutterBoost.singleton.open('second',urlParams: {"name":"flutterPage1 传递过来的值是这样的"}).
<!--就是这里,返回值就会返回在这个Value里面-->
then((Map<dynamic, dynamic> value) {
setState(() {
secondTwoPageString = value["result"];
});
});
},
),
各位大佬:小弟正在Flutter学习中,如有什么不妥的地方还望各位大佬斧正!!!
转载自:https://juejin.cn/post/6844904194885845006