在Flutter中,禁止侧滑的方法

在Flutter中,如果你想禁用侧滑返回功能,你可以使用WillPopScope小部件,并在onWillPop回调中返回false来阻止用户通过侧滑返回到上一个页面。

dart 复制代码
class DisableSwipePop extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async => false,
      child: Scaffold(
        appBar: AppBar(
          title: Text('禁用侧滑返回'),
        ),
        body: Center(
          child: Text('点击按钮返回'),
        ),
      ),
    );
  }
}

但是 WillPopScope方法已经过时,现在PopScope 代替具体使用方法

dart 复制代码
class DisableSwipePop extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return PopScope(
      canPop: false,
      child: Scaffold(
        appBar: AppBar(
          title: Text('禁用侧滑返回'),
        ),
        body: Center(
          child: Text('点击按钮返回'),
        ),
      ),
    );
  }
}
相关推荐
如果你好4 分钟前
JavaScript 对象属性遍历Object.entries Object.keys:6 种常用方法详解与对比
javascript
donecoding4 分钟前
CSS的"双胞胎"陷阱:那些看似对称却暗藏玄机的属性对
前端·css·代码规范
胖鱼罐头5 分钟前
JavaScript 数据类型完全指南
前端·javascript
代码猎人6 分钟前
map和Object有什么区别
前端
Snack6 分钟前
border-radius带来的锯齿问题
前端
代码猎人6 分钟前
Set、Map有什么区别
前端
ETA86 分钟前
不再是切图仔,router拯救了前端工程师
前端·react.js
发现一只大呆瓜7 分钟前
JS-深度起底JS类型判断:typeof、instanceof 与 toString
javascript
毕设源码-朱学姐7 分钟前
【开题答辩全过程】以 基于web网络投票系统平台的设计与实现为例,包含答辩的问题和答案
前端
萌狼蓝天9 分钟前
[Vue]Tab关闭后,再次使用这个组件时,上次填写的内容依旧显示(路由复用导致组件实例未被销毁)
前端·javascript·vue.js·前端框架·ecmascript