0
点赞
收藏
分享

微信扫一扫

Flutter 启动页+闪屏广告页+引导页

E_topia 2021-09-19 阅读 147

自己学习做记录用(原地址):https://www.cnblogs.com/modentime/p/13152331.html

以下是SplashPage页面用到的开源组件

SharedPreferences 工具类 SpUtil

引导Banner Swiper

倒计时工具类TimerUtil

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

在Flutter实现引导页需要在MaterialApp home指定为SplashPage,在routes里面配置主界面MainPage。SplashPage切换到MainPage通过Navigator.of(context).pushReplacementNamed(‘/MainPage’)实现。


SplashPage 简单介绍

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

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

解决应用白屏

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

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

同时push主页和web页

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

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

引导页

引导页

启动页

启动页

闪屏广告页

闪屏广告

举报

相关推荐

0 条评论