zoukankan      html  css  js  c++  java
  • flutter 打开应用的闪屏动画

    import 'package:flutter/material.dart';
    import 'package:flutter_app/pages/SplashScreen.dart';
    
    
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
    
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(
            primarySwatch: Colors.green,  //定义主题风格    primarySwatch
          ),
          home:  SplashScreen(),
        );
      }
    
    }
    import 'package:flutter/material.dart';
    
    import '../MyHomePage.dart';
    
    
    class SplashScreen extends StatefulWidget {
      _SplashScreenState createState() => _SplashScreenState();
    }
    
    class _SplashScreenState extends State<SplashScreen> with SingleTickerProviderStateMixin {
    
      AnimationController _controller;
      Animation _animation;
    
      void initState() {
        super.initState();
        _controller = AnimationController(vsync:this,duration:Duration(milliseconds:3000));
        _animation = Tween(begin: 0.0,end:1.0).animate(_controller);
    
    
        /*动画事件监听器,
        它可以监听到动画的执行状态,
        我们这里只监听动画是否结束,
        如果结束则执行页面跳转动作。 */
        _animation.addStatusListener((status){
          if(status == AnimationStatus.completed){
            Navigator.of(context).pushAndRemoveUntil(
                MaterialPageRoute(builder: (context)=>MyHomePage()),
                    (route)=> route==null);
          }
        });
        //播放动画
        _controller.forward();
      }
    
      @override
      void dispose() {
        _controller.dispose();
        super.dispose();
      }
    
    
      @override
      Widget build(BuildContext context) {
        return FadeTransition( //透明度动画组件
          opacity: _animation,  //执行动画
          child: Image.network(  //网络图片
              'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1546851657199&di=fdd278c2029f7826790191d59279dbbe&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0112cb554438090000019ae93094f1.jpg%401280w_1l_2o_100sh.jpg',
              scale: 2.0,  //进行缩放
              fit:BoxFit.cover  // 充满父容器
          ),
        );
      }
    }
  • 相关阅读:
    二级域名绑定子目录
    Promise.all的使用
    react的状态管理
    chrome调试
    组件之间通讯
    promise-async-await
    深入理解AMQP协议转载
    java中堆栈(stack)和堆(heap)
    面试题(Spring)
    IO复用,AIO,BIO,NIO,同步,异步,阻塞和非阻塞 区别参考
  • 原文地址:https://www.cnblogs.com/loaderman/p/11350393.html
Copyright © 2011-2022 走看看