likes
comments
collection
share

flutter混合(iOS)开发第一步使用(Flutter_Boost)完成页面之间的跳转传值(二)

作者站长头像
站长
· 阅读数 9

上回我们说到原生跳转到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
评论
请登录