首页 > 其他分享 >dart闪屏成功跳转

dart闪屏成功跳转

时间:2024-06-17 12:55:24浏览次数:20  
标签:return dart 闪屏 extends build context 跳转 override const

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Flutter Demo',
      home: SplashScreen(),
    );
  }
}

class SplashScreen extends StatefulWidget {
  const SplashScreen({super.key});

  @override
  // ignore: library_private_types_in_public_api
  _SplashScreenState createState() => _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen> {
  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: _navigateToHome(),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          return Container(); // 闪屏完成后,返回一个空容器
        } else {
          return Scaffold(
            body: Image.asset('assets/images/splash360.png'),
          );
        }
      },
    );
  }

  Future<void> _navigateToHome() async {
    await Future.delayed(const Duration(seconds: 2)); // 假设的初始化时间
    // ignore: use_build_context_synchronously
    Navigator.of(context).pushReplacement(
        MaterialPageRoute(builder: (context) => const HomePage()));
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Center(
        child: Text('Home Page'),
      ),
    );
  }
}

  

标签:return,dart,闪屏,extends,build,context,跳转,override,const
From: https://www.cnblogs.com/xiongwei/p/18252160

相关文章

  • vue3创建的项目:用户登录功能路由跳转后又跳回了登录页,并且路径多个get请求问题
    前提:我使用element-plus组件后,又在网上找的普通的form表单的样式,一通cv后。。。。代码如下:登录用户名------------------------->看这里我在el-form-item中用了input,原因是:我cv的代码他有原来的样式,很多,本来想懒得改,直接**把el-input改成input**了----------------......
  • 一文看完dart语法
    main(){ varpi=3.14;//变量 //dynamica;//静态类型 inta=42;//整数 doubleb=3.15;//浮点数 boolc=true;//布尔数 Stringe='答案'; pi+=106%50; constf=4.10;//不改变的值,编译时已知 finalStringg='JJ';//不改变的值,不能被重新分配 String?m=null;//创建空值......
  • nuxt框架中路由动态传参及结构分析之文章跳转详情页面传递文章id
    在nuxt里面我们会经常使用到路由传递参数,列如,登录,文章跳转详情页面等,下面我就以文章列表跳转文章详情页面记录一下。1、首先这个是我的目录结构:在文章列表页面:list.vue(layout目录下的这里其实是一个组件)里面我写了这样一段实现跳转传递,这里我使用到了<nuxt-link>(当然你有其他......
  • bash实现当前路径下子目录跳转
    说明很早之前尝试过autojump项目,当时使用bash函数实现jc功能,最低测试过Ubuntu16.04日常中高频使用,今天使用添加了bash补全,分享给诸位配置function_j_completion(){localcur=${COMP_WORDS[COMP_CWORD]} COMPREPLY=($(compgen-W"$(echo-n$PWD|sed's/\///g')"-......
  • 华为matebook 14s笔记本,Chrome浏览器开启硬件加速,屏幕闪屏,黑框,页面屏幕卡死,解决
    解决办法使用了https://zhuanlan.zhihu.com/p/644296061这个连接下的最后一个折中办法解决!一、现象Chrome开启“硬件加速模式”后,在观看视频时,尤其是全屏时,会出现短暂黑屏或黑块或闪屏。如果关闭“硬件加速”,则会造成播放某些高清视频(例如HEVC)视频或弹幕卡顿(似乎还好)。Edge......
  • nginx泛域名http(80)强制跳转https(443)
    nginx泛域名http(80)强制跳转https(443)随着chrome浏览器在地址栏开始标注网站『不安全』的提示开始,各大小网站都开始从http转为https了,并且都更注重网站的安全了。然页我们之前的很多站点都是基于http开发的,如果全部改造成https,必然是很大的工作量,幸好有第三方的工具可以为我们......
  • Vue-router之页面跳转
    目录1.Vue Router1.1VueRouter的简介1.2安装1.3创建路由器实例2.router-link页面跳转2.1.router-link简介2.2使用路由对象的query属性进行传参1.Vue Router1.1VueRouter的简介官方文档见:https://router.vuejs.org/zh/introduction.htmlhttps://router.v......
  • 全开源源码---小红书卡片-跳转微信-自动回复跳转卡片-商品卡片-发私信-发群聊-安全导
    做小红书的人都知道小红书的用户商业价值非常高,消费能力很强,很多做高客单产品的都想从小红书平台上引流到私域成交,但是都会遇到账号违规、被封的问题,因为小红书的平台是所有平台里对引流导流最严的。不允许留公众号、手机号、微信号等联系方式,一旦被发现就会面临封禁等处罚。......
  • 开源源码---小红书卡片-跳转微信-自动回复跳转卡片-商品卡片-发私信-发群聊-安全导流
     做小红书的人都知道小红书的用户商业价值非常高,消费能力很强,很多做高客单产品的都想从小红书平台上引流到私域成交,但是都会遇到账号违规、被封的问题,因为小红书的平台是所有平台里对引流导流最严的。不允许留公众号、手机号、微信号等联系方式,一旦被发现就会面临封禁等处罚。......
  • 前端学习-Dart官方文档学习-005-控制流
    官方文档链接Loops循环forloopswhileanddowhileloopsbreakandcontinueBranching,likeifandswitchExceptions,liketry,catch,andthrowfor、for-in、forEachvarcallbacks=[];for(vari=0;i<2;i++){callbacks.add(()=>print(i));}//Th......