专栏首页前端修炼之路Flutter 返回上一页并刷新

Flutter 返回上一页并刷新

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

但是存在一个问题:

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

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

 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}

本文分享自微信公众号 - 前端修炼之路(siberiawolf0307)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-03-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Web---JS-返回上一页并刷新代码整理

    返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下:

    谙忆
  • 微信小程序----返回上一页刷新或当前页刷新

    bug: 在onShow中执行this.onLoad(),会导致页面第一次加载的时候数组加载两次! 造成原因:页面加载先执行onLoad,再执行的onShow...

    Rattenking
  • [开发技巧]·html实现返回页面并自动刷新

    在进行APP开发或作制作网站时,有时候会遇到你下一级页面操作过以后会改变上一级页面的结果。这时候就需要我们去刷新上一级页面。 一般可以采取三种方式:

    小宋是呢
  • 微信小程序如何返回到上一个页面,并刷新页面呢?

    小程序如何返回到上一个页面,并刷新页面呢?这样的需求很常见,比如: 订单详情页面,订单状态是“已付款”,这时候发起“退款”,跳转到申请退款页面,申请成功后,返...

    Javanx
  • vue返回上一页面如果没有上一页面返回首页

    参考链接:https://segmentfault.com/q/1010000010714863

    蓓蕾心晴
  • vue单页 使用keep-alive页面返回不刷新

    使用vue单页开发项目时遇到一个很恶心的问题:在列表页点击一条数据进入详情页,按返回键返回列表页时页面刷新了,用户体验非常差啊!!!查阅了一下相关问题,使用<k...

    李维亮
  • 干货 | 携程火车票Flutter最佳实践

    在竞争激烈的移动时代,各大互联网公司都在争相抢夺市场,如何提高研发效率,快速迭代产品成为非常重要的因素。

    携程技术
  • Flutter完整开发实战详解(二、 快速开发实战篇)

     作为系列文章的第二篇,继《Flutter完整开发实战详解(一、Dart语言和Flutter基础)》之后,本篇将为你着重展示:如何搭建一个通用的Flutter ...

    GSYTech
  • Flutter完整开发实战详解(二、 快速开发实战篇)

     作为系列文章的第二篇,继《Flutter完整开发实战详解(一、Dart语言和Flutter基础)》之后,本篇将为你着重展示:如何搭建一个通用的Flutter ...

    GSYTech
  • 干货 | 高效开发与高性能并存的UI框架——携程Flutter实践

    段天章,携程支付中心Android端主力研发,目前主要负责中文版、国际版移动端Android支付模块研发工作。开源社区爱好者,热爱移动端新技术。

    携程技术
  • Flutter 中的下拉刷新和上拉加载

    在Flutter的官方SDK中给我们提供了下拉刷新的组件RefreshIndicator,但是没有提供上拉分页加载更多的组件。不过不用担心,在Flutter的L...

    拉维
  • JavaScript返回上一页代码区别

    JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); /...

    Java中文社群-磊哥
  • Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展

    【pushAndRemoveUntil与pushNamedAndRemoveUntil区别】

    凌川江雪
  • ​Flutter实战 | 从 0 搭建「网易云音乐」APP(八、我的页面)

    本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。

    Flutter笔记
  • flutter_bloc使用解析---骚年,你还在手搭bloc吗!

    来看下这三个生成的bloc文件:main_bloc,main_event,main_state

    小呆呆666
  • Flutter中的html内容加载

    上一篇文章Flutter 中的下拉刷新和上拉加载中,我介绍了如何在Flutter中实现下拉刷新和上拉加载的效果,今天我们继续以上文中的代码为例,来介绍如何加载H...

    拉维
  • 「 flutter 必知必会 」详细解析数据共享 InheritedWidget 完整使用

    「 flutter 必知必会 」贴心解析:状态管理与数据共享 InheritedWidget 完整使用方案,为你铺平大前端学习之路

    圆号本昊
  • 再谈路由与导航,详谈Flutter是如何实现页面切换的

    如果说 UI 框架的视图元素的基本单位是组件,那应用程序的基本单位就是页面了。对于拥有多个页面的应用程序而言,如何从一个页面平滑地过渡到另一个页面,我们需要有一...

    拉维
  • 2021 年值得期待的 Flutter 数据流管理方案

    不像 Redux 在 React 中独占鳌头,Flutter 的数据流管理方案层出不穷,本文旨在介绍在2021年值得使用的 Flutter 数据流管理方案,除...

    QQ音乐前端团队

扫码关注云+社区

领取腾讯云代金券