码迷,mamicode.com
首页 > 其他好文 > 详细

flutter 动画

时间:2020-04-26 14:14:10      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:height   slist   inf   nstat   pac   with   src   代码   home   

 

 

 

1. App闪屏动画(应用进入界面广告)案例:

技术图片

技术图片
import package:flutter/material.dart;
import home_page.dart;    // MyHomePage()

class SplashScreen extends StatefulWidget {
  @override
  _SplashScreenState createState() => _SplashScreenState();
}

// 混入
class _SplashScreenState extends State<SplashScreen>
    with SingleTickerProviderStateMixin {
  // 动画控制器
  AnimationController _container;
  Animation _animation;

  @override
  void initState() {
    super.initState();
    _container = AnimationController(
        vsync: this, duration: Duration(milliseconds: 3000));
    _animation = Tween(begin: 0.0, end: 1.0).animate(_container);

    _animation.addStatusListener((status) {
      if (status == AnimationStatus.completed) {
        Navigator.of(context).pushAndRemoveUntil(
          MaterialPageRoute(builder: (cintext) => MyHomePage()), // 显示完后跳转到首页
          (route) => route == null,
        );
      }
    });

    _container.forward(); // 播放动画
  }

  @override
  void dispose() {
    _container.dispose(); // 销毁控制器
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return FadeTransition(
      opacity: _animation,
      child: Image.network(
        http://hbimg.b0.upaiyun.com/615efb61cbc8ec8aad8febdf5a74541fb79c54862658a-mPdqeZ_fw658,
        scale: 2.0,
        fit: BoxFit.cover,
      ),
    );
  }
}
部分代码实现

 

flutter 动画

标签:height   slist   inf   nstat   pac   with   src   代码   home   

原文地址:https://www.cnblogs.com/cap-rq/p/12778917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!