使用堆栈在页面之间保留状态时进行动画过渡

Question

在使用堆栈时切换页面时如何添加过渡动画？

这是我一直在使用的示例代码。

How to use BottomNavigationBar with Navigator?

当前，当您切换页面时，它是即时且不流畅的。

Answer 1

链接的实现不使用任何过渡/动画。

由于您未指定所需的动画类型，因此我无法提供简单的解决方案。

但是，您可以轻松实现自己的动画，官方文档中有很多示例：https://flutter.io/animations/

Answer 2

示例中的代码依赖于Offstage小部件。无法在后台正负之间建立过渡。在堆叠中使用路由而不是Offstage就是这种情况。

对于路线更改，动画是根据您使用的框架风格（例如MaterialApp）实现的。

检查this tutorial，以获得有关如何将BottomNavigationBar与路线一起使用的更详细的指南。