在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('点击按钮返回'),
        ),
      ),
    );
  }
}
相关推荐
hulkie20 分钟前
从 AI 对话应用理解 SSE 流式传输:一项 "老技术" 的新生
前端·人工智能
dobym24 分钟前
里程碑五:Elpis框架npm包抽象封装并发布
前端
全栈老石27 分钟前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
牛奶27 分钟前
React 底层原理 & 新特性
前端·react.js·面试
parade岁月34 分钟前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
小明91337 分钟前
基于Rokid CXR-M SDK的AI饮食健康助手开发实战
前端
一枚前端小姐姐38 分钟前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
牛奶38 分钟前
ts随笔:面向对象与高级类型
前端·面试·typescript
牛奶39 分钟前
React 基础理论 & API 使用
前端·react.js·面试
大漠_w3cpluscom43 分钟前
别再死记CSS属性了!真正能让你少走半年弯路的,是这套思维
前端