当我导航到下一页时,如何从下到上为下一页设置动画

9 flutter flutter-layout

我想创建一个应用程序,当我导航到其他页面时,它会从屏幕底部到顶部进行动画处理(例如,当我们在android中单击facebook中的评论按钮时,不确定ios,评论页面会从页面底部弹出)我正是想要该页面及其属性在 flutter 中,我可以将该页面拖到底部以导航回上一页。我希望有人能理解我想说的。我所需要的只是我想在其他页面上导航,并且我希望当我导航到其他页面时它显示从下到上的漂亮过渡

The*_*oem 14

您可以通过设置fullscreenDialog为 true 来实现此目的。以库比蒂诺为例:

Navigator.of(context).push(
  CupertinoPageRoute(
    fullscreenDialog: true,
    builder: (context) {
      return YourScreen();
    },
  ),
);
Run Code Online (Sandbox Code Playgroud)

对于材料:

await Navigator.of(context).push(
  MaterialPageRoute(
    fullscreenDialog: true,
    builder: (context) {
      return YourScreen();
    },
  ),
);
Run Code Online (Sandbox Code Playgroud)

您可以使用上述示例之一,但库比蒂诺可能适合您的需求。


小智 2

您应该使用自定义页面转换!

您可以在https://flutter.dev/docs/cookbook/animation/page-route-animation上了解更多信息