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

时间:2021-01-16 17:26:44

标签: flutter dart flutter-layout flutter-animation

当导航到如下图所示的另一个页面时,我想在颤动中进行像 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

1 个答案:

答案 0 :(得分:0)

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