flutter页面跳转并传值

页面跳转传值

废话不多说上代码

InkWell可以给任意Widget添加点击事件,我们在这里通过ontap事件点击跳转到子页面
then是页面跳过去,回来后就会执行then里面的方法,子页面传过来的值,then里面的匿名方法会接收到
push后面的 <参数类型> 有了then就要和then里面方法的参数类型一样,没有then就不需要加参数类型

 InkWell(
                onTap: () {
                  print('我跳了');
                  Navigator.push<List>(
                          context,
                          MaterialPageRoute(
                              builder: (context) => checkBoxList()))
                      .then((List data) {
                    if (data != null) {
                       setState(() {
                        popData = data;
                      });
                    } 
                  });
                },
                child: _commonInputBox('imgs/Subcontractor.png', '工种', false),
              ),

我们通过按钮的点击事件,POP跳转页面,并把listData这个数组传给父页面,完成页面的跳转传值

class _checkBoxListState extends State<checkBoxList> {
  bool groupValue = false;
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('复选列表'),
        actions: <Widget>[
          RaisedButton(
            child: Text('保存'),
            onPressed: (){
              Navigator.pop(context, listData);
              print(listData);
            },
          )
        ],
      ),
      body: itemList(listData),
    );
  }
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值