zoukankan      html  css  js  c++  java
  • flutter-闪屏加载

    import 'package:flutter/material.dart';
    import 'home_page.dart';
    
    
    class SplashScreen extends StatefulWidget {
      @override
      _SplashScreenState createState() => _SplashScreenState();
    }
    
    class _SplashScreenState extends State<SplashScreen> with SingleTickerProviderStateMixin {//混入
    
      //申明变量 控制动画的(控制动画的时间 效果等)
      AnimationController _controller;
      Animation  _animation;//控制动画
    
      @override
      void initState() {
        super.initState();
        _controller=AnimationController(vsync: this,duration: Duration(milliseconds: 3000)); // vsync垂直动态演示的意思  Duration持续时间
        _animation = Tween(begin: 0.0, end:1.0).animate(_controller);
        
        _animation.addStatusListener((status) {  //监听动画结束状态
          if(status == AnimationStatus.completed){
            // pushAndRemoveUntil 跳转到下一页 把动画结束掉
            Navigator.of(context).pushAndRemoveUntil(
              MaterialPageRoute(builder: (context) => MyHomePage(),), 
              (route) => route==null //固定写法  返回的是1个true
            );
          }
        });
        //使用控制器播放动画
        _controller.forward();
      }
    
      @override
      void dispose() { //销毁的时候
        _controller.dispose();
        super.dispose();
      }
    
      @override
      Widget build(BuildContext context) {
        return FadeTransition(
          opacity: _animation,
          child: Image.asset(
            'images/1111.jpg',
            scale: 1.0,
            fit: BoxFit.cover,
          ),
          
        );
      }
    }
  • 相关阅读:
    rem适配布局---5. 方案1:苏宁首页制作1
    rem适配布局---4. rem适配方案
    rem适配布局---3. less
    rem适配布局---2. 媒体查询
    rem适配布局---1. 基础
    flex布局---9.携程网案例
    java基础---3. 数据类型转换、运算符
    flex布局---8.flex布局原理
    java基础---2. 常量&变量
    工会项目结题,游泳锻炼
  • 原文地址:https://www.cnblogs.com/lxz-blogs/p/13253320.html
Copyright © 2011-2022 走看看