flutter 导航返回拦截（WillPopScope）

最新推荐文章于 2023-06-12 13:52:05 发布

computerclass

最新推荐文章于 2023-06-12 13:52:05 发布

阅读量727

点赞数

CC 4.0 BY-SA版权

分类专栏： flutter 文章标签：导航返回拦截 WillPopScope

本文链接：https://blog.youkuaiyun.com/computerclass/article/details/117295696

flutter 专栏收录该内容

220 篇文章

订阅专栏

该博客介绍了如何使用Flutter的WillPopScope widget来防止用户意外退出应用。通过设置一个时间间隔，只有当用户在短时间内连续两次点击返回按钮，才会真正退出应用。这为用户提供了一个确认退出的机制，增加了用户体验。

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

导航返回拦截（WillPopScope），为了防止用户点击返回退出

DateTime lastPopTime; 
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      child: Scaffold(
        appBar: AppBar(
          title: Text('点击两次返回退出APP',style: TextStyle(color: Colors.white,fontSize: 20),),
        ),
        body: Center(
          child: Text('点击两次返回退出APP'),
        ),
      ),
      onWillPop: () async{
        // 点击返回键的操作
        if(lastPopTime == null || DateTime.now().difference(lastPopTime) > Duration(seconds: 2)){
          lastPopTime = DateTime.now();
          Toast.toast(context,msg: '再按一次退出');
        }else{
          lastPopTime = DateTime.now();
          // 退出app
          await SystemChannels.platform.invokeMethod('SystemNavigator.pop');
        }
      },
    );
  }

{Future<bool> Function() onWillPop} 在用户点击返回键时，将会调用这个方法

Called to veto attempts by the user to dismiss the enclosing [ModalRoute].

If the callback returns a Future that resolves to false, the enclosing route will not be popped.