dart - 在 Flutter 中为 pageRouteBuilder 构建过渡

Question

我已经在我的 flutter 应用程序中通过即时路由生成实现了路由

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

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

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

Answer 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);
   },
 )),

希望这对您有所帮助!