本文主要是介绍Flutter 使用 fluro 的转场动画提高页面跳转切换体验,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
上一篇Flutter 简单实用的 fluro 路由管理插件简介介绍了fluro 路由管理的基本使用。在实际应用中,我们常常会对不同的页面采取不同的转场动画,以提高页面切换过程中的用户体验。举个例子,微信的扫码后在手机上确认登录页面就是从底部弹出的,而大部分页面的跳转都是从右向左滑入。通过这种形式区分不同的转场场景,从而给用户更多的趣味性以提高用户体验。
在 fluro 中,定义路由处理器 Handler
时可以指定该页面的默认转场形式,或者在使用 navigateTo
方法是可以设置页面跳转transition
参数来设定个性化的转场形式。本篇演示了fluro 内置的转场动画,效果如下图所示。
转场形式
fluro 的转场形式通过 TransitionType枚举定义,如下所示:
enum TransitionType {native, //原生形式,和原生的保持一致,默认nativeModal, //原生模态跳转inFromLeft, //从左滑入inFromTop, //从顶部滑入inFromRight, //从右滑入inFromBottom,//从底部滑入fadeIn, //渐现custom, //自定义,需要配合 transitionBuilder 使用
这篇关于Flutter 使用 fluro 的转场动画提高页面跳转切换体验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!