使用Timer实现Flutter启动页

Posted 2023-02-28 子不语归来

在APP开发中，我们都会写一个启动页，这个启动页不仅可以作为广告投放点，也可以作为初始化数据的地方。那在Flutter中如何实现一个启动页呢？本文就为大家介绍一下使用Timer实现Flutter启动页。效果如下：

首先创建一个继承StatefulWidget的页面SplashPage，重写其初始化方法initState，在其中初始Timer(定时操作，和android中的类型)，并设置定时完成后的操作：

  @override
  void initState() 
    super.initState();
    timer = new Timer(const Duration(milliseconds: 1500), () 
      try 
        Navigator.of(context).pushAndRemoveUntil(new MaterialPageRoute(
            builder: (BuildContext context) => new home()), (//跳转到主页
            Route route) => route == null);
       catch (e) 

      
    );
  

另外要在dispose方法中执行 timer.cancel()，取消掉定时器

 @override
  void dispose() 
    timer.cancel();
    super.dispose();
  

项目源代码地址，此项目为持续开发项目，欢迎Star和Fork