在 Flutter 中为 pageRouteBuilder 构建过渡答案

【问题标题】：Build transition for pageRouteBuilder in Flutter在 Flutter 中为 pageRouteBuilder 构建过渡
【发布时间】：2018-06-02 01:41:33
【问题描述】：

我已经通过使用

的动态路由生成在我的颤振应用中实现了路由

onPressed:() => Navigator.of(context).push(new PageRouteBuilder( pageBuilder: (_, __, ___) => new Video(), )),

然而，从一个页面到另一个页面的转换是即时的，并且没有原生的“从左侧进入”或“从底部进入”动画，具体取决于您的目标是 iOS 还是 Android。有没有一种方法可以实现本机操作系统转换，而无需从头开始实现动画。

我知道您可以将transitionBuilder 参数传递给PageRouteBuilder 来创建转场，但到目前为止，我还没有找到有关如何创建必要转场或是否可以使用预制转场的任何信息。任何有关实现上述本机转换的帮助将不胜感激！

【问题讨论】：

您可以使用MaterialPageRoute 代替PageRouteBuilder。 MaterialPageRoute 默认实现过渡。
@HemanthRaj 非常感谢您的帮助！你知道MaterialPageRoute 的参数builder 必须如何实现才能路由到Video() 吗？
我刚刚回答了你的问题。使用 MaterialPageRoute 实现视频。

标签： dart flutter

【解决方案1】：

您可以只使用MaterialPageBuilder 而不是PageRouteBuilder。

要播放视频，您可以查看this。

示例：

import 'package:chewie/chewie.dart';

final playerWidget = new Chewie(
  new VideoPlayerController(
    'https://flutter.github.io/assets-for-api-docs/videos/butterfly.mp4'
  ),
  aspectRatio: 3 / 2,
  autoPlay: true,
  looping: true,
);

 onPressed:() => Navigator.of(context).push(new MaterialPageRoute(
   pageBuilder: (BuildContext context) {
      return new Container(child: playerWidget);
   },
 )),

希望这有帮助！

【讨论】：

非常感谢您的帮助，正是我想要的！