【问题标题】:Flutter/Dart - Reverse Direction of Swipe Animation?Flutter/Dart - 滑动动画的反向?
【发布时间】:2020-09-02 18:16:17
【问题描述】:

我从 Flutter.dev 网站获得了以下示例。它提供了流畅的onSwipeUp 动画。但是我怎样才能修改代码给我一个流畅的onSwipeDown 动画呢?我尝试反转var beginvar end,但它似乎没有起到作用,当我刷卡时什么也没发生。这是刷卡代码;

onSwipeDown: (){
           Navigator.of(context).push(_opidRoute(routeaudioid: opid));
            },

这是动画;

    Route _opidRoute({String routeaudioid, String mastertitle}) {
  return PageRouteBuilder(
    opaque: false,
    pageBuilder: (context, animation, secondaryAnimation) => SingleOpid(opid: routeaudioid
    ),
    transitionsBuilder: (context, animation, secondaryAnimation, child) {
      var begin = Offset(0.0, 1.0);
      var end = Offset.zero;
      var curve = Curves.ease;

      var tween = Tween(begin: begin, end: end).chain(CurveTween(curve: curve));

      return SlideTransition(
        position: animation.drive(tween),
        child: child,
      );
    },
  );
}

有什么办法可以扭转方向吗?

【问题讨论】:

    标签: flutter dart flutter-layout flutter-animation


    【解决方案1】:

    试试

    var begin = Offset(0.0, -1.0);
    

    【讨论】:

      猜你喜欢
      • 2019-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多