如何在我的 Flutter 应用程序中从右侧导航添加幻灯片？答案

【问题标题】：How to add Slide from right navigation in my Flutter application?如何在我的 Flutter 应用程序中从右侧导航添加幻灯片？
【发布时间】：2018-11-06 18:12:15
【问题描述】：

我正在尝试使用 Flutter 应用程序，我想使用幻灯片导航导航到下一个屏幕。新屏幕应该来自正确的动画。在 ios 中这是默认设置，但在 android 中不会发生。

有什么方法可以实现吗？

【问题讨论】：

你尝试了什么？如果可能，请分享代码
谢谢，我已经得到答案了。
stackoverflow.com/a/50208048/2863386

标签： android ios flutter

【解决方案1】：

谢谢大家，但在尝试了几次并到处搜索之后，我能够找到解决方案。

Navigator.of(context).push(new PageRouteBuilder(
    opaque: true,
    transitionDuration: const Duration(durationInMillis),
    pageBuilder: (BuildContext context, _, __) {
      return new NextPage();
    },
    transitionsBuilder: (_, Animation<double> animation, __, Widget child) {

      return new SlideTransition(
      child: child,
        position: new Tween<Offset>(
          begin: const Offset(dx, dy),
          end: Offset.zero,
        ).animate(animation),
      );
    }
));

这里如果 dx>0.0 并且 dy=0.0 然后从右侧导航如果 dy>0.0 并且 dx= 0.0 然后从底部导航并且 durationInMillis 是动画的速度。谢谢。

【讨论】：

接受你的回答
你从哪里得到 dx 和 dy？

【解决方案2】：

只需使用 Flutter CupertinoPageRoute

import 'package:flutter/cupertino.dart';

.
.
.

Navigator.push(
    context,
    CupertinoPageRoute(builder: (_) => HomeScreen())
);

【讨论】：