• flutter添加启动图及设置启动时间


    首先贴个官方的设置方法,看这里:https://flutterchina.club/assets-and-images/#%E6%9B%B4%E6%96%B0%E5%90%AF%E5%8A%A8%E9%A1%B5
    虽然官方的方法比较简单,但是有时我们可能需要自己配置启动图的生效时间,这时就需要另外实现了。思路就是第一个页面放一张全屏图片,倒数计时结束时再跳转到主页:

     1 import 'dart:async';
     2 import 'package:flutter/material.dart';
     3 import 'package:/pages/home.dart';
     4 import 'package:flutter/services.dart';
     5 
     6 void main() {
     7   runApp(new MaterialApp(
     8     title: '启动图demo',
     9     theme: new ThemeData(
    10         brightness: Brightness.light,
    11         backgroundColor: Colors.white,
    12         platform: TargetPlatform.iOS),
    13     home: new SplashScreen(),
    14     routes: <String, WidgetBuilder>{
    15       '/home': (BuildContext context) => new Home()
    16     },
    17   ));
    18 }
    19 
    20 class SplashScreen extends StatefulWidget {
    21   @override
    22   _SplashScreenState createState() => new _SplashScreenState();
    23 }
    24 
    25 class _SplashScreenState extends State<SplashScreen> {
    26   startTime() async {
    27     //设置启动图生效时间
    28     var _duration = new Duration(seconds: 1);
    29     return new Timer(_duration, navigationPage);
    30   }
    31 
    32   void navigationPage() {
    33     Navigator.of(context).pushReplacementNamed('/home');
    34   }
    35 
    36   @override
    37   void initState() {
    38     super.initState();
    39     startTime();
    40   }
    41 
    42   @override
    43   Widget build(BuildContext context) {
    44     return new Scaffold(
    45       body: new Center(
    46         child: new Image.asset('assets/images/launch_image.png'),
    47       ),
    48     );
    49   }
    50 }

    最后记得将启动图在pubspec.yaml文件声明下,完毕~

  • 相关阅读:
    Linux中的阻塞机制
    Shellz中awk的简单用法
    实际项目开发过程中常用C语言函数的9大用法
    堆栈溢出一般是什么原因?
    哈夫曼算法原理
    7款易上手C语言编程软件推荐
    嵌入式系统分类介绍
    什么是字符串数组
    C语言中数组定义方式
    第三章课后习题P56解析
  • 原文地址:https://www.cnblogs.com/pjl43/p/9463358.html
Copyright © 2020-2023  润新知