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

时间:2018-05-28 07:45:49

标签: android ios flutter

我正在尝试颤动的应用程序,我想通过幻灯片导航导航到我的下一个屏幕。新屏幕应该来自正确的动画。在ios中它是默认的,但在android中它没有发生。

有没有办法实现这个目标?

2 个答案:

答案 0 :(得分:2)

感谢每一个人,但经过几次尝试并在这里和那里搜索,我能够找到解决方案。

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是动画的速度。 感谢。

答案 1 :(得分:1)

更好的方法是使用Flutter iOS CupertinoPageRoute

import 'package:flutter/cupertino.dart';

.
.
.

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