Flutter 如何让 push() 看起来像 pop()答案

【问题标题】：Flutter How to make a push() look like a pop()Flutter 如何让 push() 看起来像 pop()
【发布时间】：2020-07-27 01:04:36
【问题描述】：

我想知道如何使Navigator.of(context).push(...) 看起来像Navigator.of(context).pop(...)。这意味着当前屏幕滑开以显示下面的下一个屏幕。我通常是自定义动画的新手，并且会喜欢构建动画的帮助。谢谢！

下面是动画发生的代码：

FlatButton(
   child: const Text('Logout',),
   onPressed: () {
      Login.handleSignOut();         
      Navigator.of(context).pushReplacementNamed(Login.routeName);
   }
),

【问题讨论】：

标签： flutter transition flutter-animation

【解决方案1】：

Navigator.pushReplacement(
     context,
     PageRouteBuilder(
     pageBuilder: (_, __, ___) => Login(),
     transitionDuration: Duration(seconds: 1),
     transitionsBuilder: (_, anim, __, child) =>
         FadeTransition(opacity: anim, child: child),
     ),
);

在过渡构建器中进行您自己的过渡。

【讨论】：