Flutter实战（五）---页面跳转

@ZhangJun

已于 2022-08-11 10:51:53 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 进阶文章标签： Flutter 页面跳转路由导航

于 2019-07-06 15:22:29 首次发布

本文链接：https://blog.youkuaiyun.com/johnWcheung/article/details/94859501

Android 进阶专栏收录该内容

108 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了在Flutter应用中进行页面跳转的方法，包括使用Navigator进行带数据的跳转，以及通过Router实现不带参数的页面切换。详细讲解了Navigator.push和Navigator.pop的用法，后者用于退出当前页面并清理路由堆栈。

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

在Flutter中，带数据的页面跳转使用Navigator，不带参数的页面跳转使用Router。

Router

将路由与页面对应起来

  @override
  Widget build(BuildContext context) {
   
   
    return new MaterialApp(
      theme: new ThemeData

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

@ZhangJun

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

flutter使用get库管理路由，并设页面跳转动画和常见动画

01-12

3274

fade: 页面渐变动画，新页面会从透明度为 0 的状态渐变到完全显示。fadeIn: 渐入动画，新页面会从透明度为 0 的状态渐变到完全显示。rightToLeft: 从右向左滑动动画，新页面从屏幕右侧滑入显示。leftToRight: 从左向右滑动动画，新页面从屏幕左侧滑入显示。upToDown: 从上到下滑动动画，新页面从屏幕顶部滑入显示。downToUp: 从下到上滑动动画，新页面从屏幕底部滑入显示。rightToLeftWithFade: 从右向左滑动并渐变动画。

Flutter 的 GetX 库路由跳转

wf280496的博客

07-18

640

在路由跳转时，你还可以传递参数给目标页面。这可以通过在目标页面的构造函数中定义参数来实现，并在导航时传递这些参数。方法导航到新的页面，并从路由栈中移除所有页面（只留下新的页面）。方法导航到新的页面，并从路由栈中移除当前页面（包括当前页面）。方法用于直接导航到指定的页面，但不从路由栈中移除当前页面。方法使用路由名称进行导航，与。类似，但使用路由名称进行导航。类似，但使用路由名称进行导航。定义的路由名称相对应。

参与评论您还未登录，请先登录后发表或查看评论

Flutter：一次编写，处处运行？不！是处处优雅运行！！！

热门推荐

eastWind1101的博客

05-16

1万+

Flutter中使用路由跳转,页面之间的相互跳转和传参,中间件(GetPage)使用详情

总结一下flutter 的页面跳转

xxx_19942的博客

11-10

3323

1、push 和 pop 在flutter 中使用 push就是在路由堆栈中添加一个页面到顶部，就是我们经常说的打开一个页面，然后pop就是关闭堆栈顶部的页面，然后回到上一个页面。这个是比较简单的一个用法不做多说，可以提一嘴的是push跳转同一界面，跳转一次就会添加一个这样的页面到堆栈中。 2、pushReplacementName和 popAndPushNamed pushReplacementName 可以理解成将当前界面替换成目标界面，使用之后当前界面会移除堆栈，并且把目标界面加入到堆栈中。p.

flutter 携带参数跳转页面

qq_52084136的博客

08-05

1008

flutetr 携带参数跳转页面的又特别多的方式，大名鼎鼎的Bloc模式就可以跨页面共享数据，那么其他的一些状态管理框架也是可以的，这里记录一个最简单的方式，运用SDK提供的方式去传递数据. import 'package:flutter/material.dart'; /// Created by eaaomk on 2021/7/6. /// Desc:抽象传递数据类型 class IGenericDataProvider<T> extends InheritedWidget {

flutter实战 -- 百度地图

weixin_53468073的博客

03-29

3407

1-申请百度地图key 2-创建地图

Flutter-Instagram-UI-Clone：使用Flutter制作的Instagram Ui克隆

02-04

7. **路由与导航**：`Navigator`是Flutter中的路由管理器，用于处理页面间的跳转。通过`MaterialPageRoute`或`CupertinoPageRoute`，可以实现类似原生应用的导航效果。 8. **数据持久化**：对于用户数据，项目可能...

flutter开发实战-下拉刷新继续下拉路由进入活动页面实现

一名开发者

05-30

1449

flutter开发实战-下拉刷新继续下拉路由进入活动页面实现很多应用都有首页通过下拉刷新，继续下拉进入新的活动会场进入方式。在Flutter中，也可以通过pull_to_refresh来实现控制刷新页，继续下拉进入新的活动会场页面。

Flutter-Book-Movie-UI.zip

08-08

7. **Navigation**：如何使用Navigator实现页面间的跳转，以及路由管理。 8. **Data Handling**：可能涉及到数据的加载、缓存，例如使用FutureBuilder或StreamBuilder处理异步数据。 9. **State Management**：...

Android View 绘制流程

佛系编码

05-22

422

View 的绘制是在 ViewRoot 的 performTraversals() 开始的，它历经 measure(测量), layout(布局), draw(绘制) 三个流程将 View 显示在屏幕上。

Flutter学习 — 从新页面返回数据给上一个页面

qq_27494201的博客

06-18

2273

效果图一：点击按钮效果图二：点击YES后，返回上一级页面并传值效果图三：收到值，并用底部弹出框显示结果注释+代码： import 'package:flutter/material.dart'; void main() { runApp(new MaterialApp( title: 'Returning Data', home: new HomeScreen(), )); } class HomeScreen extends StatelessWidget {

Flutter Getx 01 - 路由、中间件、鉴权、传值、跳转

会煮咖啡的猫咪

04-05

8581

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gKiLOKoI-1617618112869)(https://ducafecat.tech/2021/04/05/flutter-getx/flutter-getx-01-router-middleware/2021-04-04-22-50-24.png)] Getx [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HB0SGInp-1617618112871)(https://ducafecat.

Flutter通知另一个页面刷新状态(EventBus)

砷碲 - Shendi

12-19

4489

Hello, I’m Shendi 在 Flutter 中，可以通过 setState 函数刷新状态但是 setState 函数只能在状态类里使用于是当需要在页面跳转后能通知跳转的页面就需要使用到一些库这里介绍 EventBus(事件总线) 的使用添加库首先在 pubspec.yaml 文件中添加库，版本可根据官方的添加最新的，这里使用 2.0.0 # 事件总线 event_bus: ^2.0.0 引入包 import 'package:event_bus/event_bus.dart';

【Flutter】GetX

sheng_er_sheng的博客

04-27

1548

flutter 状态管理插件 getx

flutter使用get框架实现路由传参，非常简单

02-26

1032

【代码】flutter使用get框架实现路由传参，非常简单。

Flutter Navigator.pop 携带参数返回上一层

qq_37217113的博客

11-27

165

【代码】Flutter Navigator.pop 携带参数返回上一层。

【Flutter 问题系列第 7 篇】TextField 去掉下划线

“Allen Su”的博客

09-10

4603

TextField 去掉下划线

Flutter 导航：页面跳转与路由管理

u011464172的专栏

06-16

1065

Flutter 导航提供了丰富的功能，可以灵活地实现页面跳转和路由管理。通过合理使用命名路由、路由参数传递和路由回调等技巧，可以提高代码的可读性和可维护性，并实现复杂的页面跳转逻辑。Flutter 提供了灵活的导航系统，可以方便地实现页面跳转和路由管理。Flutter 导航基于**路由（Route）**的概念，每一个页面都对应一个路由，通过路由来管理页面之间的跳转。用于将新的路由推入路由堆栈，并清理掉之前的所有路由。用于将新的路由推入路由堆栈，实现页面跳转。用于用新的路由替换当前路由，实现页面切换。

掌握Flutter开发：flutter-common-widgets-app实战指南

5. 导航与路由：如何在Flutter应用中管理页面跳转和路由，例如使用Navigator来管理应用内的页面栈。 6. 数据存储：如何在Flutter应用中存储和管理数据，可能包括本地存储（如SharedPreferences、SQLite）和网络数据...