当前位置: 首页 > article >正文

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'));
  }
  @override
  Widget build(BuildContext context) {
    return GetBuilder<SplashController>(
      init: SplashController(),
      id: "splash",
      builder: (_) {
        return Scaffold(
          // SafeArea():安全区域,删除后页面顶到顶部
          body: _buildView(),
        );
      },
    );
  }
}

main入口路由配置

initialRoute: '/splashPage',

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

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

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

http://www.kler.cn/a/409647.html

相关文章:

  • 项目实战:基于深度学习的人脸表情识别系统设计与实现
  • skywalking es查询整理
  • 【vue】vue中插槽slot的用法详解
  • C0034.在Ubuntu中安装的Qt路径
  • JAVA实现将PDF转换成word文档
  • 英语写作中“联系、关联”associate correlate 及associated的用法
  • 【从0学英语】字母发音指南:一套掌握所有字母的发音组合
  • NFS文件服务器
  • 基于开源 AI 智能名片 2+1 链动模式 S2B2C 商城小程序源码的社交新零售利益共同体构建与发展研究
  • Altium Designer学习笔记 21.PCB板框的评估及叠层设置
  • 视频监控实现画面缩放功能
  • 【数据结构-队列】力扣622. 设计循环队列
  • java-加密算法
  • 掌握 Vue key:剖析其原理及与无 key 的区别
  • 【Hive是什么?】Hadoop和Hive是什么关系?Hive在Hadoop上是怎么运行的?用大白话理解Hive和Hadoop的关系。
  • 亚马逊IP关联是什么?我们该怎么解决呢?
  • 【Leetcode Top 100】240. 搜索二维矩阵 II
  • 电脑无故提示提示“MSVCP140.dIl”文件丢失的原因以及六大解决方法!
  • Python入门(13)--并发编程
  • 银行卡OCR 识别 API 接口的影响因素分析
  • C++ —— 以真我之名 如飞花般绚丽 - 智能指针
  • python继承和反射
  • 今天你学C++了吗?——C++中的类与对象(第二集)
  • w~视觉~3D~合集3
  • 1、数据结构概述及顺序表(附:可以直接打印显示的源码)
  • 网络协议之UDP