如何同时为多个小部件设置动画？

Question

颤振。有两个屏幕。在第一个屏幕上，中心有一个小部件（带有文本的容器）。在第二个屏幕（ListView）上，相同的（带有文本的容器），但移到了一边，并添加了另一个屏幕（TextField）。如何为这些屏幕之间的过渡设置动画？我知道如何移动第一个小部件（容器）。但是如何同时添加一个 TextField 呢？ ......作为一个选项，我想应用 TextField 的不透明度，但第一个屏幕上的这个地方已经被占用了。这里可能需要完全更换屏幕。

Answer 1

这里有快速动画的例子。这段代码应该在onpressed

Navigator.push(
  context,
  PageRouteBuilder(
      transitionsBuilder: (BuildContext context,
          Animation<double> animation,
          Animation<double> secAnimation,
          Widget child) {
        animation = CurvedAnimation(
            parent: animation,
            curve: Curves.fastLinearToSlowEaseIn);

        return ScaleTransition(
          scale: animation,
          child: child,
          alignment: Alignment.center,
        );
      },
      transitionDuration:
          const Duration(milliseconds: 300),
      pageBuilder: (BuildContext context,
          Animation<double> animation,
          Animation<double> secAnimation) {
        return **urpage**();
      }));