You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter登录后跳转主页面如何禁用页面切换动画?

解决Flutter登录跳转禁用滑动动画的问题

嘿,我来帮你搞定这个页面切换动画的问题!你当前用的MaterialPageRoute默认自带了滑动过渡动画,要去掉它其实很简单,这里有两种实用的方案:

方案一:修改MaterialPageRoute的过渡时长

直接给MaterialPageRoute设置transitionDuration: Duration.zero,让动画时长变为0,这样就看不到切换动画了,代码修改如下:

Navigator.pushReplacement(
  context,
  MaterialPageRoute(
    builder: (BuildContext context) => new Page1(),
    transitionDuration: Duration.zero, // 关键:设置动画时长为0
  ),
);

方案二:使用PageRouteBuilder自定义无动画路由

如果想要更彻底地控制路由过渡,也可以用PageRouteBuilder来创建一个完全没有过渡效果的路由,代码示例:

Navigator.pushReplacement(
  context,
  PageRouteBuilder(
    pageBuilder: (context, animation, secondaryAnimation) => new Page1(),
    transitionDuration: Duration.zero, // 禁用过渡动画
  ),
);

这两种方法都能达到你想要的效果,选哪个都可以,看你个人偏好~

内容的提问来源于stack exchange,提问作者Mauricio De armas

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 06:13:23