像页面视图一样制作一个颤动的自定义过渡答案

【问题标题】：Make a flutter custom transition like page view像页面视图一样制作一个颤动的自定义过渡
【发布时间】：2021-04-21 10:48:42
【问题描述】：

当导航到下图所示的另一个页面时，我想在颤振中进行PageView 之类的自定义转换，但我不知道如何操作。我使用了SlideTransitiondid，但它没有给我想要的结果

import 'package:flutter/material.dart';
import 'package:get/get.dart';

class SlideTransitions extends CustomTransition {
  @override
  Widget buildTransition(
      BuildContext context,
      Curve curve,
      Alignment alignment,
      Animation<double> animation,
      Animation<double> secondaryAnimation,
      Widget child) {
    return Align(
      alignment: Alignment.center,
      child: SlideTransition(
        position: Tween(begin: Offset(1.0, 0.0), end: Offset(0.0, 0.0))
            .animate(animation),
        child: child,
      ),
    );
  }
}

pageview transition image

【问题讨论】：

PageView 的过渡由滑动的速度决定。因此，从 PageView 的每次转换都彼此之间略有不同（更短/更长）。为了得到类似的东西，你可以给你的动画一条曲线，或者更底层并创建你自己的路线。

标签： flutter dart flutter-layout flutter-animation

【解决方案1】：

您可以使用 page_transition PageTransitionType.rightToLeft 。这有点类似于页面浏览滑动

【讨论】：