flutter WillPopScope拦截导航返回，实现退出确认弹窗或点击两次退出

最新推荐文章于 2024-05-16 22:35:41 发布
最新推荐文章于 2024-05-16 22:35:41 发布
阅读量3.7k 收藏
点赞数 1
文章标签： flutter android javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30005223/article/details/123527379
版权
在Flutter中，使用WillPopScope组件可以拦截导航返回操作，常用于添加退出确认弹窗或要求用户连续点击两次退出应用。需将WillPopScope作为最外层布局包裹。
摘要由CSDN通过智能技术生成

属性

const WillPopScope({
   
    Key? key,
    required this.child,//布局内容
    required this.onWillPop,//返回拦截处理
  })

需要注意：WillPopScope必须包裹在布局的最外层。
使用实例：


main() {
   

  runApp( MaterialApp(
    home: _WillPopScopeWidget(),
  ));
}
class _WillPopScopeWidget extends StatefulWidget
最低0.47元/天 解锁文章
Good Weking
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flutter 安卓按返回键回到手机桌面，不退出app（升级版）
sunease的博客
09-19 850
参考文章：Flutter学习笔记 按返回键直接回到桌面，不退出APP_我好菜啊~的博客-CSDN博客 因为 flutter 升级，上文代码不能正常运行，经过继续搜索，修改如下（红色为添加代码，黄色为废弃代码）： import io.flutter.embedding.android.FlutterActivity; import io.flutter.embedding.engine.FlutterEngine; import android.os.Bundle; //import io.flutte
Flutter之自定义Dialog实现版本更新弹窗功能的实现
08-18
Flutter之自定义Dialog实现版本更新弹窗功能的实现 Flutter是一款跨平台的移动应用开发框架，它提供了非常多的组件和功能，使得开发者可以快速构建高质量的应用程序。在实际开发中，我们经常需要实现一些自定义的...
Flutter 点击两次退出app
m0_56255097的博客
05-12 992
在安卓手机上才会有物理返回键，而ios手机是没有的，所以说这个是安卓手机独有的功能。 使用场景：当用户在某一段时间内连续点击两次返回键，才会被认为是退出应用。 在Flutter中想实现这个功能，首先我们先来认识一个Flutter中的组件WillPopScope，在Flutter中我们是用这个组件来实现物理返回键拦截的，从而实现点击两返回键退出应用。 onWillPop是他的一个回调函数，当用户点击返回按钮时被调用（Android物理返回按钮），该回调需要返回一个Future对象，如果返回的Future最终值
Flutter 中的 WillPopScope 小部件：全面指南
最新发布
smileKH的博客
05-16 871
是一个可以包裹任何 widget 的小部件，它监听用户尝试关闭当前页面的行为（通常是通过点击 Android 的返回按钮或 iOS 的导航栏上的返回按钮）。通过，你可以控制是否允许这个操作发生，或者在允许之前执行一些自定义逻辑。// 执行退出前的验证逻辑},child: ... // 其他页面内容。
flutter捕获应用退出弹出对话框
weixin_30585437的博客
11-12 406
使用WillPopScope组件，它会检测到子组件的Navigation的pop事件，并拦截下来。我们需要在它的onWillPop属性中返回一个新的组件（一般是一个Dialog）处理是否真的pop该页面。 import 'dart:async'; import 'package:flutter/material.dart'; class HomePage extends Sta...
Flutter导航返回拦截（WillPopScope） 屏幕物理返回键拦截
ulddfhv的专栏
01-09 4360
为了避免用户误触返回按钮而导致APP退出，在很多APP中都拦截了用户点击返回键的按钮，然后进行一些防误触判断，比如当用户在某一个时间段内点击两次时，才会认为用户是要退出（而非误触）。Flutter中可以通过WillPopScope来实现返回按钮拦截，我们看看WillPopScope的默认构造函数： const WillPopScope({ ... @required WillPopCa...
Flutter WillPopScope 双击返回与界面退出提示
代码小疯子
06-11 1557
在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。 如果你有兴趣 你可以关注一下公众号 biglead 来获取最新的学习资料。 Flutter 从入门 到精通系列文章在这里 当然也必需是要有源码的 在这里了 github 有点慢 系列学习教程在这里 本文章的效果 核心代码就是 @override Widget build(B.
【Flutter】【widget】返回拦截 WillPopScope
自动人生博客
10-31 650
返回拦截,作用？1.在设备点击返回的时候做一个拦截2.比如在编辑框编辑了内容，不小心点击了返回按键，那么这个时候直接返回就看导致内容的清除，如果这个时候弹出一个窗口，提示用户，给用户选择，这样体验机会好很多欢迎关注，留言，咨询，交流！
Flutter实现左侧边栏导航
04-14
Flutter实现左侧边栏导航,点击左侧菜单右侧自动切换,左侧菜单可以实现自动居中,右侧滚动到底部继续滑可自动切换到下一页,上滑切换到上一页,左侧菜单跟随切换,查看效果图: ...
Flutter实现底部导航栏
08-26
Flutter实现底部导航栏 Flutter作为一个跨平台的移动应用开发框架，具有很高的开发效率和灵活性，对于实现底部导航栏这种常见的移动应用界面组件，Flutter提供了非常灵活和强大的解决方案。下面我们将详细介绍如何...
Flutter实现底部导航栏效果
08-27
Flutter实现底部导航栏效果 在本文中，我们将详细介绍如何使用Flutter实现底部导航栏效果。这是一个非常有价值的参考资料，感兴趣的小伙伴们可以参考一下。 首先，我们需要在main.dart文件中定义APP的基本信息，...
flutter 退出app
qq_38373150的博客
09-26 2850
两种方法 1，如果flutter作为module依赖，则原生也需要处理退出app，由原生来退出整个app SystemNavigator.pop() 2，直接退出app，无需关注原生项目 exit(0)
Flutter 退出登录二次确认怎么做才更优雅？用 BlocListener 轻松实现
Dream It Possible
02-18 720
前言 在 flutter_bloc提供了一个状态监听组件BlocListener，当状态发生改变时会调用listener参数给定的回调函数，这个方法没有返回值，可以用于我们处理一些提醒，例如显示弹窗提醒或确认，显示状态信息等等。有了BlocListener，相当于给我们提供了一个额外处理对象变化的入口。接下来我们通过BlocListener实现某些 App退出登录前的二次确认。 登录状态 为了简化逻辑，我们的登录数据只有一个枚举LoginStatus，有三个状态： logon：已登录 log...
Flutter点击两次返回键退出APP
大灰狼的小绵羊哥哥的博客
06-08 1064
在APP中一些页面为了防止用户操作失误点击到返回键导致退出APP，可以设置其一定时间内点击两次返回键才允许退出APP，完成这个功能可以通过WillPopScope和SystemNavigator.pop实现 我们先来看一下效果： 要实现这个效果我们需要先在外层包裹WillPopScope用来监听用户点击返回键 1 2 3 4 5 6 7 8 9 10 11 12 Wi...
Flutter中如何使用WillPopScope
大灰狼的小绵羊哥哥的博客
05-28 7211
老孟导读：在Flutter中如何实现点击2次Back按钮退出App，如何实现App中多个Route（路由），如何实现Back按钮只退出指定页面，此篇文章将告诉你。 WillPopScope WillPopScope用于处理是否离开当前页面，在Flutter中有多种方式可以离开当前页面，比如AppBar、CupertinoNavigationBar上面的返回按钮，点击将会回到前一个页面，在Android手机上点击实体（虚拟）返回按钮，也将会回到前一个页面，此功能对于iOS程序员来说可能特别容易忽略。 .
Flutter中实现双击返回键退出APP
codecat_yi的博客
10-20 1250
先来认识几个小知识点 WillPopScope flutter官方提供的widget，注册一个异步函数，用于捕获并处理用户的返回键操作（个人测试，无法捕获Navigator.of(context).pop()操作），可以允许或禁止本次操作。我一般是包在Scaffold外面 WillPopScope( onWillPop : () async =>{ // 一些其他操作 return true; } child : Scaffold( body : Container() );
Flutter和Dart系列之十三：按两次退出应用
xlh1191860939的博客
05-03 733
在Android应用中，当用户处于主页时，为防止用户误触返回键退出应用，一般我们都会设置如果两秒或者三秒连续点击两次才被视为主动退出应用。那么在Flutter中，该如何实现该功能呢？这个时候我们就需要借助于WillPopScope这个类，具体实现代码如下： class HomePage extends StatefulWidget { @override State createSta...
【自学Flutter】24 WillPopScope 的使用
技术宅-Nopi的博客
06-30 1684
24 WillPopScope 的使用 1.源代码 import 'package:flutter/material.dart'; void main () => runApp(MyApp()); class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState()...
Flutter中，怎么实现导航栏上的返回按钮
09-14
在Flutter中，可以使用Scaffold Widget的`AppBar`属性来实现导航栏，并在`AppBar`中设置`leading`属性来添加返回按钮，例如： ``` Scaffold( appBar: AppBar( leading: IconButton( icon: Icon(Icons.arrow_back), onPressed: () => Navigator.pop(context), ), ), ) ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值