前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《Flutter —应用页面跳转》

《Flutter —应用页面跳转》

原创
作者头像
CatEatFish
修改2020-07-09 14:22:36
1.2K0
修改2020-07-09 14:22:36
举报
文章被收录于专栏:干活分享干活分享

1.页面跳转

代码语言:txt
复制
Navigator.push(
      context,
      new MaterialPageRoute(
        builder: (context) => new APage(),
      ),
    );

2.连续跳转与弹栈

example:

A —> B —>C—>A

1.设置别名

代码语言:txt
复制
//设置别名方式一:
routes: {
            A': (context) => A(),
            B': (context) => B(),
           C': (context) => C(),
        }
//设置别名方式二:
 RouteSettings(
                  name: 'B'
                )

2.跳转界面

A->B:

代码语言:txt
复制
Navigator.push(
              context,
              //创建一个路由
              new MaterialPageRoute(
                builder: (context) => BPage(),
              //设置下一个界面的名字(就是设置别名)
                settings: RouteSettings(
                  name: 'B'
                )
              ),
            );

B->C:

代码语言:txt
复制
Navigator.push(
              context,
              //创建一个路由
              new MaterialPageRoute(
                builder: (context) => BPage(),
              //设置下一个界面的名字
                settings: RouteSettings(
                  name: 'C'
                )
              ),
            );

C->A:

代码语言:txt
复制
//弹栈,将A到C之间的界面弹栈(BC 弹栈),
Navigator.popUntil(context, ModalRoute.withName('A'));

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档