Flutter Navigator 跳转

本文详细介绍了Flutter中各种页面跳转与路由管理的方法,包括静态和动态注册的路由跳转,参数传递,以及如何销毁页面和正确处理返回值。通过具体代码示例,帮助开发者掌握Flutter应用中页面导航的核心技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,routes 静注册,使用 跳转

Navigator.pushNamed(context, "/main");

 

2,静态跳转及销毁当前页面使用

  Navigator.pushNamedAndRemoveUntil(context, "/main", (route) => route == null);

 

3,静态跳转销毁当前页面并跳转指向新的页面

  Navigator.popAndPushNamed(context, 'forgetPwdRoute');

 

4,动态注册跳转

  Navigator.push(context,

        new MaterialPageRoute(
            builder: (BuildContext context) {
                return new MainPage();
             },
         ),
     );

5,动态注册跳转并传参

 

Navigator.push<String>(
    context,
    new MaterialPageRoute(
      builder: (BuildContext context) {
        return new OtherPage(pwd: "123456");
      },
    ),
  );

 

6,动态注册跳转并销毁

 

Navigator.pushAndRemoveUntil(context,
    new MaterialPageRoute(
  builder: (BuildContext context) {
    return new MainPage();
  },
), (route) => route == null);

 

 

7,销毁当前页面 / 返回结果

 

Navigator.pop(context); // 销毁当前界面
Navigator.pop(context, ['a,b,c']); // 销毁当前界面,并返回字符串数组
Navigator.pop(context, '这是 HomePage 页'); // 销毁当前界面,并返回字符串

 

 

8,接收返回值

可以用 .then 或 await

 

 

 

 

 

转载于:https://www.cnblogs.com/wf-l5201314/p/10435862.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值