gpt4 book ai didi

flutter - flutter 如何从底部产生模态路线动画

转载 作者:行者123 更新时间:2023-12-03 04:33:39 25 4
gpt4 key购买 nike

单击时,我需要使模式路线动画从底部出现,但是我唯一要做的动画是淡入淡出和旋转动画。
这是一个覆盖层,当用户单击按钮进行解释时会被调用。
这是构建页面

@override        
Widget buildPage(
BuildContext context,
Animation<double> animation,
Animation<double> secondaryAnimation,
) {
return Material(
type: MaterialType.transparency,
// make sure that the overlay content is not cut off
child: SafeArea(
child: _buildOverlayContent(context),
),
);
}
这是构建过渡:
      @override
Widget buildTransitions(BuildContext context, Animation<double> animation,
Animation<double> secondaryAnimation, Widget child) {
// You can add your own animations for the overlay content
return FadeTransition(
opacity: animation,
child: ScaleTransition(
scale: animation,
child: child,
),
);
}
我曾尝试通过多种方式使用幻灯片过渡,但任何时候尝试都无法使用。它要么导致错误,要么根本不起作用。
(我的尝试之一)
  Animation<Offset> animated() {


Animation<Offset> anime;
return anime;
}

@override
Widget buildTransitions(BuildContext context, Animation<double> animation,
Animation<double> secondaryAnimation, Widget child) {
//You can add your own animations for the overlay content
return SlideTransition(
position: animated(),
child: child,
);
}
我该怎么办?

最佳答案

您可以使用page_transition包:
https://pub.dev/packages/page_transition
您可以使用bottomToTop转换来实现此目的。

Navigator.push(
context,
PageTransition(
type: PageTransitionType.bottomToTop,
child: DetailScreen()
)
);

关于flutter - flutter 如何从底部产生模态路线动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64507545/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com