Skip to content

Flutter 页面进场动画,支持从左往右、从右往左、从上往下以及从下往上。从右往左和从下往上的页面,在安卓上也支持类似IOS左侧滑动推出。

License

Notifications You must be signed in to change notification settings

ydwan/page_entry_animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

page_entry_animation

Flutter 页面进场动画,支持从左往右、从右往左、从上往下以及从下往上。从右往左和从下往上的页面,在安卓上也支持类似 IOS 左侧滑动推出。

保证顺滑,GIF图床比较卡顿

从右往左(R2L)

image

从左往右(L2R)

image

从下往上(B2T)

image

从上往下(T2B)

image

Widget 参数:

Parameter Type Default Description
widget Widget null 传入的页面 Widget
type PageEntryAnimationType PageEntryAnimationType.R2L 渲染类型,默认从右往左加载
backgroundColor Color null 侧滑退出的背景蒙层颜色
needSlideOut bool true 是否需要左侧滑动退出,默认 true。从上往下(T2B),从左往右(L2R)类型不支持侧滑退出

调用示例:

 Navigator.of(context).push(PageEntryAnimation(
                  ContainerTest(),
                  backgroundColor: Colors.red,
                  needSlideOut: true,
                  type: PageEntryAnimationType.R2L))

About

Flutter 页面进场动画,支持从左往右、从右往左、从上往下以及从下往上。从右往左和从下往上的页面,在安卓上也支持类似IOS左侧滑动推出。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages