欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > Flutter:启动屏逻辑处理02:启动页

Flutter:启动屏逻辑处理02:启动页

2024/11/30 9:23:40 来源:https://blog.csdn.net/qq_40745143/article/details/144022119  浏览:    关键词:Flutter:启动屏逻辑处理02:启动页

启动屏启动之后,制作一个启动页面
在这里插入图片描述

新建splash:view

视图中只有一张图片sliding.png就是我们的启动图

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'index.dart';
class SplashPage extends GetView<SplashController> {const SplashPage({Key? key}):super(key: key);// 主视图Widget _buildView() {return const Image(image: AssetImage('images/sliding.png'));}@overrideWidget build(BuildContext context) {return GetBuilder<SplashController>(init: SplashController(),id: "splash",builder: (_) {return Scaffold(// SafeArea():安全区域,删除后页面顶到顶部body: _buildView(),);},);}
}

main入口路由配置

initialRoute: '/splashPage',

启动后会默认先展示前一章自定义的APP启动图标,之后便会进入启动图页。

启动图页面也可以加一些跳转的逻辑,

第一次启动APP:跳转欢迎页
第二次启动APP:
是否已登录:跳转首页
否则:跳转登陆页

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com