Flutter 跳转后不允许返回

如果在 Flutter 中使用 Navigator.pushNamed(context, '/'),默认情况下它会将新的页面压入栈中,这样用户可以按返回键返回上一页。但如果你不想让用户返回,而是直接跳转到 / 并清除导航栈,可以使用 pushReplacementNamedpushNamedAndRemoveUntil

1. pushReplacementNamed(替换当前页面)

dart 复制代码
Navigator.pushReplacementNamed(context, '/');

效果

  • 替换当前页面为 /
  • 用户无法返回到上一个的页面。

2. pushNamedAndRemoveUntil(清空导航栈)

如果你想彻底清除历史记录,防止用户返回,可以这样做:

dart 复制代码
Navigator.pushNamedAndRemoveUntil(context, '/', (route) => false);

效果

  • 清除所有导航栈中的页面,只留下 / 这个页面。
  • 用户完全无法返回。
相关推荐
东华帝君27 分钟前
React源码解读
前端
雾迟sec29 分钟前
Web安全-文件上传漏洞-黑白名单及其它绕过思路(附思维导图)
javascript·安全·web安全·网络安全·apache·安全威胁分析
Mintopia35 分钟前
🌱 AIGC 技术的轻量化趋势:Web 端“小而美”模型的崛起
前端·javascript·aigc
开发者小天43 分钟前
React中的useRef的用法
开发语言·前端·javascript·react.js
im_AMBER1 小时前
React 11 登录页项目框架搭建
前端·学习·react.js·前端框架
Live&&learn1 小时前
nvm切换node版本时,npm不跟着切换解决
前端·npm·node.js
xixixin_1 小时前
【React】检测元素是否出现在用户视窗内
开发语言·前端·javascript·react.js
疏狂难除1 小时前
spiderdemo第22题与webassembly的跨域
开发语言·javascript·爬虫·rust·wasm·mitmproxy
谢彦超oooo2 小时前
HTML5 与前端开发要点
前端·html·html5
IT_陈寒2 小时前
Vue 3响应式原理深度拆解:5个90%开发者不知道的Ref与Reactive底层实现差异
前端·人工智能·后端