美文网首页
flutter 跳转页面传递参数 返回页面带参数

flutter 跳转页面传递参数 返回页面带参数

作者: 欧小肥OuO | 来源:发表于2022-05-23 17:27 被阅读0次

点击跳转 页面

       onTap: () {
                          Navigator.push(
                              context,
                              MaterialPageRoute(
                                builder: (context) => DoctorAuth(),
                                settings: RouteSettings(
                                  arguments: {"data": "首页"},
                                ),
                              )).then((data) {
                            showToast(data);
                          });
                        //下面这个方法是 返回时不带参数的时候可以这样
                          // Navigator.of(context).push(
                          //   MaterialPageRoute(
                          //     builder: (context) => DoctorAuth(),
                          //     settings: RouteSettings(
                          //       arguments: {"data": "首页"},
                          //     ),
                          //   ),
                          // )
                        }),

跳转后页面

  void submit2(){
    Map arguments = ModalRoute.of(context).settings.arguments??{};
    String routerData = arguments['data']??'1';
    if(routerData=='首页'){
      Navigator.of(context).pop('返回过去参数');
    }else{
      showToast('no!');
    }
  }

还有另外一种
跳转页面

    Navigator.push(
              context,
              MaterialPageRoute(
              builder: (context) => mouthPayDetail(data: item.ymChinese),
          ),
          );

跳转接收页面

class mouthPayDetail extends StatefulWidget {
  const mouthPayDetail({Key key,this.data}) : super(key: key);
  final String data;
  @override
  _mouthPayDetailState createState() => _mouthPayDetailState();
}

//下面子组件需要展示的地方
 child: Text(widget.data)

相关文章

网友评论

      本文标题:flutter 跳转页面传递参数 返回页面带参数

      本文链接:https://www.haomeiwen.com/subject/jaorprtx.html