flutter 常用动画的封装

flutter中常用简单动画(平移、旋转、缩放、隐藏显示)的封装。

用法:

  • 直接播放动画:
AnimatedTransformContainer.single(
              fromScale: 0.1,
              toScale: 1.0,
              curve: Curves.easeOutQuint,
              duration: Duration(milliseconds: 600),
              delayed: Duration(milliseconds: 300),
              child: Container(
      
                ),
              ),
            )
  • 通过行为控制动画
  final GlobalKey<AnimatedTransformState> yourKey =
      GlobalKey<AnimatedTransformState>();
AnimatedTransformContainer.director(
        key: yourKey,
        height: height,
        showAfterStarted: true,
        width: width,
        child: Container());


     yourKey.currentState.scheduleAnimations([
                    TransformAnimation(
                        fromScale: 0.3,
                        toScale: 1.0,
                        duration: Duration(milliseconds: 350),
                        curve: Curves.linear)
                  ]);

源码地址: github项目地址
pub_dev

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容