前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Flutter 返回上一页并刷新

Flutter 返回上一页并刷新

作者头像
siberiawolf
发布于 2021-03-23 13:17:24
发布于 2021-03-23 13:17:24
8.5K10
代码可运行
举报
文章被收录于专栏:前端修炼之路前端修炼之路
运行总次数:0
代码可运行

Flutter路由跳转页面时,主要用到的就是Navigator.push();Navigator.pop();两个方法。

但是存在一个问题:

当我从主页跳转到另一个页面,再返回到主页时,主页并不能主动刷新。怎么解决呢?

答案时,当返回到主页时,监听到返回事件,然后主动触发主页刷新。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 1class PageOne extends StatefulWidget {
 2  @override
 3  _PageOneState createState() => new _PageOneState();
 4}
 5
 6class _PageOneState extends State<PageOne> {    // 第一个页面
 7  _getRequests()async{  
 8        print('这里进行操作');
 9  }
10  @override
11  Widget build(BuildContext context) {
12    return Scaffold(
13      body: Center(
14        child: RaisedButton(onPressed: ()=>
15        Navigator.of(context).push(new MaterialPageRoute(builder: (_)=>PageTwo()),)
16        .then((val)=>val?_getRequests():null), // 通过then进行监听回调参数
17      ),
18    ));
19  }
20}
21
22class PageTwo extends StatelessWidget { // 第二个页面
23  @override
24  Widget build(BuildContext context) {
25    //somewhere
26    Navigator.pop(context,true); // 第二个就是需要传到参数
27  }
28}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-03-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端修炼之路 微信公众号,前往查看

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

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
1 条评论
热度
最新
这个push之后是默认的,怎么去控制pop啊?
这个push之后是默认的,怎么去控制pop啊?
回复回复点赞举报
推荐阅读
编辑精选文章
换一批
Flutter 入门指北之路由
Flutter 通过 Navigator 来进行页面之间的跳转,分为 push 系列和 pop 系列操作,带 push 方法为入栈操作,带 pop 方法为出栈操作。Navigator 的 push 方法分两类,一类是带 Name 的,需要在 MaterialApp 下将 routers 属性进行注册,否则将会找不到该路由,还有一个是不带 Name 的,可以通过 Router 直接跳转。
陈宇明
2020/12/16
8480
Flutter - 使用 push(), pop() 和路由进行导航
在 Web/Mobile 应用程序中,导航是一个很重要的特性,因为它允许你从一个页面跳转到另一个页面。
Jimmy_is_jimmy
2022/10/05
1.3K0
Flutter - 使用 push(), pop() 和路由进行导航
再谈路由与导航,详谈Flutter是如何实现页面切换的
如果说 UI 框架的视图元素的基本单位是组件,那应用程序的基本单位就是页面了。对于拥有多个页面的应用程序而言,如何从一个页面平滑地过渡到另一个页面,我们需要有一个统一的机制来管理页面之间的跳转,通常被称为路由管理或导航管理。
拉维
2019/08/22
2.9K0
再谈路由与导航,详谈Flutter是如何实现页面切换的
Flutter - 页面间跳转操作
大多数App都包含多个界面。比如数据列表页和详细页。 Android中的页面可以是Activity;iOS中使用ViewController。在Flutter中,页面也是widget。 使用Navigator来切换页面。
AnRFDev
2021/02/01
1.3K0
Flutter中如何使用WillPopScope
老孟导读:在Flutter中如何实现点击2次Back按钮退出App,如何实现App中多个Route(路由),如何实现Back按钮只退出指定页面,此篇文章将告诉你。
老孟Flutter
2020/09/11
1.6K0
flutter系列之:Navigator的高级用法
上篇文章我们讲到了flutter中navigator的基本用法,我们可以使用它的push和pop方法来进行Router之间的跳转。
程序那些事
2023/02/27
9460
Flutter 使用Navigator进行局部跳转页面
老孟导读:Navigator组件使用的频率不是很高,但在一些场景下非常适用,比如局部表单多页填写、底部导航一直存在,每个tab各自导航场景。
老孟Flutter
2020/09/11
1.9K0
flutter系列之:在flutter中使用导航Navigator
一个APP如果没有页面跳转那么是没有灵魂的,页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架,Navigator肯定是必不可少的,那么在flutter中如何使用Navigator呢?
程序那些事
2023/02/20
8770
Flutter | 路由管理
MaterialPageRoute 是 Material 组件库提供的组件,他可以针对不同的平台,实现与平台页面切换动画风格一致切换动画
345
2022/02/15
1K0
Flutter | 路由管理
12.Flutter学习之路由即Android上的页面跳转
Flutter中的路由通俗来讲就是页面跳转,在Flutter中通过Navigator组件管理路由导航。并且提供了管理堆栈的方法,如:Navigator.push和Navigator.pop Flutter提供了两种配置路由跳转的方式:1、基本路由 2、命名路由
易帜
2022/02/09
1.3K0
12.Flutter学习之路由即Android上的页面跳转
Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展
【pushAndRemoveUntil与pushNamedAndRemoveUntil区别】
凌川江雪
2020/06/29
4K0
Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展
Flutter开发-路由
一个route是一个屏幕或页面的抽象,Navigator是管理route的Widget。
码客说
2020/05/14
8310
Flutter | 路由管理
MaterialPageRoute 是 Material 组件库提供的组件,他可以针对不同的平台,实现与平台页面切换动画风格一致切换动画
345
2022/02/11
8900
Flutter | 路由管理
《Flutter》-- 9.路由与导航
Flutter的路由管理和导航借鉴了前端和客户端中的设计思路,提供了Route和Navigator对路由进行统一管理。
爱学习的程序媛
2022/04/07
1.1K0
《Flutter》-- 9.路由与导航
【Flutter】Flutter 页面跳转 ( 路由 Route | 导航器 Navigator | 页面关闭 )
注册路由 : 在 MaterialApp 根节点组件中的 routes 字段注册路由 , 路由信息存储在 Map<String, WidgetBuilder> 集合中 , 键是路由名称 , 值是页面 Widget 组件 ;
韩曙亮
2023/03/28
2.7K0
【Flutter】Flutter 页面跳转 ( 路由 Route | 导航器 Navigator | 页面关闭 )
Flutter 中路由返回的多种方式
当页面中跳转顺序是A页面-B页面-C页面,如果在B页面中使用上面这个命令跳转到C页面,在C页面返回时会直接跳转到A页面。如果在A页面也是使用的此命令跳转到B页面,那么在C页面中返回时会返回A页面的上一级页面。
越陌度阡
2020/12/29
2.5K0
Flutter--Flutter中Widget、App的生命周期
  在App的开发过程中,我们通常都需要了解App以及各个页面的生命周期,方便我们在App进入前台时启动一些任务,在进入后台后暂停一些任务。同时,各个页面的生命周期也很重要,每个页面消失时要做一些内存清理、计时器清除、通知清除等操作。所以,本文主要就是学习一下在flutter开发App的时候,如何去怼App以及各个页面的生命周期进行监听和回调。
mukekeheart
2021/02/02
3.3K0
【Flutter】Flutter 自定义字体 ( 下载 TTF 字体 | pubspec.yaml 配置字体资源 | 同步资源 | 全局应用字体 | 局部应用字体 )
Flutter 应用字体资源文件 : 在 Flutter 应用根目录下创建 fonts 目录 , 将下载的 ttf 字体放资源文件在该 fonts 目录下 ;
韩曙亮
2023/03/28
3.7K0
【Flutter】Flutter 自定义字体 ( 下载 TTF 字体 | pubspec.yaml 配置字体资源 | 同步资源 | 全局应用字体 | 局部应用字体 )
【Flutter 实战】路由堆栈详解
假设现在有2个页面 A 和 B,A中有一个按钮,点击跳转到 B 页面,A 页面代码:
老孟Flutter
2020/09/22
1.5K0
【Flutter 实战】路由堆栈详解
Flutter中的基本路由、命名路由、替换路由,返回到根路由
Flutter中的路由,通俗地讲就是页面跳转。在Flutter中通过 Navigator 组件管理路由导航。
拉维
2019/08/19
9.4K1
Flutter中的基本路由、命名路由、替换路由,返回到根路由
推荐阅读
相关推荐
Flutter 入门指北之路由
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验