在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('点击按钮返回'),
        ),
      ),
    );
  }
}
相关推荐
球球pick小樱花4 分钟前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
用户605723748730812 分钟前
AI 编码助手的规范驱动开发 - OpenSpec 初探
前端·后端·程序员
狗胜14 分钟前
AI观察日记 2026-03-02|CLAUDE、TYPE、APPFUNCTIONS:掘金热门里的下一步信号
前端
喝水的长颈鹿16 分钟前
【大白话前端 02】网页从解析到绘制的全流程
前端·javascript
明君8799718 分钟前
Flutter 实现 AI 聊天页面 —— 记一次 Markdown 数学公式显示的踩坑之旅
前端·flutter
用户145369814587819 分钟前
VersionCheck.js - 让前端版本更新变得简单优雅
前端·javascript
米饭同学i20 分钟前
微信小程序实现随机撒花效果
前端
Arthur147261228654721 分钟前
模块化和组件化的区别
前端
codingWhat23 分钟前
整理「祖传」代码,就是在开发脚手架?
前端·javascript·node.js
码路飞31 分钟前
写了个 AI 聊天页面,被 5 种流式格式折腾了一整天 😭
javascript·python