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

《Flutter —应用页面跳转》

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

1.页面跳转

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

2.连续跳转与弹栈

example:

A —> B —>C—>A

1.设置别名

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

2.跳转界面

A->B:

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

B->C:

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

C->A:

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

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Flutter 入门指北之路由
Flutter 通过 Navigator 来进行页面之间的跳转,分为 push 系列和 pop 系列操作,带 push 方法为入栈操作,带 pop 方法为出栈操作。Navigator 的 push 方法分两类,一类是带 Name 的,需要在 MaterialApp 下将 routers 属性进行注册,否则将会找不到该路由,还有一个是不带 Name 的,可以通过 Router 直接跳转。
陈宇明
2020/12/16
8540
【Flutter 实战】路由堆栈详解
假设现在有2个页面 A 和 B,A中有一个按钮,点击跳转到 B 页面,A 页面代码:
老孟Flutter
2020/09/22
1.5K0
【Flutter 实战】路由堆栈详解
Flutter fish_redux框架返回指定的页面
今天遇到一个问题,利用 pageRoutes 路由 进行页面的跳转 从 A —> B —> C —> D —> E 然后想要从 E处理过数据后直接返回到B 利用Navigator.popUntil(context, ModalRoute.withName('/bPageName'));不能返回页面
赵哥窟
2021/03/02
5700
Flutter 系列之路由学习
Navigator 是 Flutter 中用于管理路由的组件,它维护着一个路由堆栈。页面可以被推入堆栈(push),也可以被弹出堆栈(pop)。
心安事随
2024/11/28
2130
再谈路由与导航,详谈Flutter是如何实现页面切换的
如果说 UI 框架的视图元素的基本单位是组件,那应用程序的基本单位就是页面了。对于拥有多个页面的应用程序而言,如何从一个页面平滑地过渡到另一个页面,我们需要有一个统一的机制来管理页面之间的跳转,通常被称为路由管理或导航管理。
拉维
2019/08/22
2.9K0
再谈路由与导航,详谈Flutter是如何实现页面切换的
Flutter | 路由管理
MaterialPageRoute 是 Material 组件库提供的组件,他可以针对不同的平台,实现与平台页面切换动画风格一致切换动画
345
2022/02/15
1K0
Flutter | 路由管理
flutter系列之:Navigator的高级用法
上篇文章我们讲到了flutter中navigator的基本用法,我们可以使用它的push和pop方法来进行Router之间的跳转。
程序那些事
2023/02/27
9480
《Flutter》-- 9.路由与导航
Flutter的路由管理和导航借鉴了前端和客户端中的设计思路,提供了Route和Navigator对路由进行统一管理。
爱学习的程序媛
2022/04/07
1.1K0
《Flutter》-- 9.路由与导航
【Flutter 专题】57 图解页面小跳转 (三)
和尚在去年刚接触 Flutter 时学习了一下页面跳转路由的基本用法,随着逐渐的学习和场景的使用,对一些特殊场景下路由使用进行尝试;
阿策小和尚
2019/08/22
1.7K0
【Flutter 专题】57 图解页面小跳转 (三)
Flutter “跳转页面”(二)前言正文
写了这么多文章,有翻译文档的,有自己理解的,也不知道到底是怎么样的风格更能让人接受,希望大家能给点意见或建议。
坑吭吭
2018/08/31
1.6K0
flutter 路由知识
1。pushReplacementNamed:当用户成功登录并且现在在 HomeScreen 上时,您不希望用户还能够返回到 LoginScreen。因此,登录应完全由首页替换。
CatEatFish
2020/07/09
5810
flutter 路由知识
【Flutter 专题】09 页面间小跳转 (一)
和尚最近在抽时间学习 Flutter,从零开始,一步一步走的都很艰难,前几天搭了一个基本的【登录】页面,现在学习下一步,页面之间的跳转;今天和尚整理一下 Flutter 测试过程中常用的页面跳转方式。
阿策小和尚
2019/08/12
1.2K0
【Flutter 专题】09 页面间小跳转 (一)
【技术创作101训练营】Flutter Routes 路由应用与封装小结
因 PPT 超过最大允许上传大小,因此上传为 PDF 格式,同时为 PPT 中制作了一些 GIF 图,在演讲稿中展示;各位老师辛苦了!
阿策小和尚
2021/01/18
1.4K0
Flutter 使用Navigator进行局部跳转页面
老孟导读:Navigator组件使用的频率不是很高,但在一些场景下非常适用,比如局部表单多页填写、底部导航一直存在,每个tab各自导航场景。
老孟Flutter
2020/09/11
1.9K0
Flutter “跳转页面”(一)
“跳转页面”为啥加双引号,其实所谓的跳转页面可能和以前认识的不太一样。因为在Flutter里,所有能看到的东西一般都是widget,但是,没有说那个app是由一个页面构成的,所以,这个概念确实还是有的。这个功能的实现需要用到两个东西Route和Navigator。
坑吭吭
2018/08/31
2.2K0
【Flutter 专题】110 页面间小跳转 (四)
和尚计划针对页面间跳转的路由相关知识做一个汇总,发现有两类特殊方法暂未研究,今天特补充 Navigator 相关方法应用;
阿策小和尚
2021/01/27
4750
【Flutter 专题】110 页面间小跳转 (四)
Flutter | 路由管理
MaterialPageRoute 是 Material 组件库提供的组件,他可以针对不同的平台,实现与平台页面切换动画风格一致切换动画
345
2022/02/11
8920
Flutter | 路由管理
Flutter - 页面间跳转操作
大多数App都包含多个界面。比如数据列表页和详细页。 Android中的页面可以是Activity;iOS中使用ViewController。在Flutter中,页面也是widget。 使用Navigator来切换页面。
AnRFDev
2021/02/01
1.3K0
Flutter入门-路由导航
MaterialPageRoute 继承自 PageRoute类,是 Material 组件库提供的组件,针对不同平台,其有不同的路由动画效果。
Petterp
2022/02/09
1.3K0
Flutter入门-路由导航
Flutter路由管理和页面参数的传递(获取&返回)
在做 Flutter 开发的时候所有的页面以及页面上的元素都变成了 Widget ,创建一个页面或者视图直接 new 一个新的 widget 就可以,相关的参数我们可以直接通过构造函数直接传递。
静默加载
2020/05/29
5K0
相关推荐
Flutter 入门指北之路由
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档