Day1_Flutter淘宝引导页的实现

淘宝引导页没有布局，就是一张图片。

Widget build(BuildContext context) {

    return new Scaffold(

        body: Container(

      decoration: new BoxDecoration(

        image: new DecorationImage(

            image: new AssetImage('images/waitpage.png'), fit: BoxFit.cover),

      ),

    ));

  }

最主要的是倒计时方法，其实引导页用到的倒计时很简单。

void countDown() {
    //设置倒计时三秒后执行跳转方法
    var duration = new Duration(seconds: 5);
    new Future.delayed(duration, goToHomePage);
  }

• Future.delayed是延迟操作
  当5秒后，执行goToHomePage方法

void goToHomePage() {
    //跳转主页 且销毁当前页面
      Navigator.of(context).pushAndRemoveUntil(
          new MaterialPageRoute(builder: (context) => new HomeBar()),
          (Route rout) => false);
  }

Navigator.of(context).pushAndRemoveUntil是跳转页面并且销毁当前页。
别的跳转方法会在后面说到。