html 启动页 广告,Flutter实现启动页、闪屏广告页、引导页

SplashPage页面用到的开源组件

SharedPreferences 工具类 SpUtil

引导Banner Swiper

倒计时工具类TimerUtil

一个App一般都会有SplashPage页面，在这页面包含启动页、引导页(app简介说明)、闪屏广告页(点广告页跳转到相应H5页面)。

在Flutter实现引导页须要在MaterialApp home指定为SplashPage，在routes里面配置主界面MainPage。SplashPage切换到MainPage经过Navigator.of(context).pushReplacementNamed('/MainPage')实现。java

@override

Widget build(BuildContext context) {

return new MaterialApp(

routes: {

'/MainPage': (ctx) => MainPage(),

},

home: new SplashPage(),

);

}

void _goMain() {

Navigator.of(context).pushReplacementNamed('/MainPage');

}

SplashPage 简单介绍

SplashPage分为四层，默认启动图，引导图，广告图，倒计时跳过。

使用status来控制页面显示状态，status=0显示启动图，status=1显示广告图和倒计时跳过，status=2显示引导图。android

解决应用白屏

修改原生的drawable目录下的launch_background.xmlgit

//这样写能够经过图片铺满整个屏幕，不一样屏幕可能会有拉伸

如何实现跳转到广告H5按back回来是主界面

同时push主页和web页github

Navigator.of(context).pushReplacementNamed('/MainPage');

Navigator.of(context).push(WebPageRoute);

引导页

引导页web

启动页

启动页json

闪屏广告页

闪屏广告页bash

SplashPage源码

import 'package:flutter/material.dart';

import 'package:flutter_wanandroid/common/component_index.da