【Flutter】Flutter 使用splashscreen包创建启动页面

已于 2023-06-14 19:04:17 修改
阅读量1.9k 收藏 4
点赞数
分类专栏： Flutter Tips 文章标签： flutter android ios
于 2023-06-14 19:03:01 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/diandianxiyu_geek/article/details/131214103
版权
Flutter Tips 专栏收录该内容
101 篇文章 18 订阅 ¥29.90 ¥99.00
订阅专栏

文章目录

一、 前言

大家好，今天我们要聊一聊如何在 Flutter 中使用 splashscreen 包来创建一个漂亮的启动页面。启动页面在许多应用中都是非常重要的一部分，它能够给用户留下深刻的第一印象，并且可以在应用加载数据或者进行初始化操作的时候为用户提供一个视觉效果。

如果你想深入学习 Flutter，掌握更多的技巧和最佳实践，我有一个好消息要告诉你：我们有一个全面的 Flutter专栏->Flutter Developer 101 入门小册 等待着你。在那里，你将获得完整的、系统的 Flutter 学习资料，包括详细的代码示例和深入的概念解析。更重要的是，我们的专栏正在不断更新和完善，而价格也会随着内容的丰富而逐渐上调。所以，现在加入，你将以最优惠的价格

了解本专栏 订阅专栏 解锁全文
小雨青年
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
订阅专栏
splash_screen_view-1.0.3
03-30
splash_screen_view 一个flutter软件包，其中包含“启动画面”示例的集合，供您的应用程序显示徽标和不同的文本样式。 正在安装 1.依赖它 将此添加到包的pubspec.yaml文件中： dependencies : splash_screen_view : ^1.0.1 2.安装 您可以从命令行安装软件包： 与pub ： $ pub get 与Flutter ： $ flutter packages get 3.导入 现在，在Dart代码中，您可以使用： import 'package:splash_screen_view/SplashScreenView.dart' ; 用法 简单徽标 SplashScreenView ( home : SecondScreen (), duration : 3000 , im
flutter（1） 启动页 引导页
一抹离愁
11-26 4371
flutter 启动页 引导页 Android 原生引导页面的方法如下 1 自定义 使用 ViewPager控件 2使用第三方 组建AppIntroAppIntro快速启动页面 flutter引导页面的方式 1使用 pageView (指示器需要自定义) 2使用TabBarView，指示器TabPageSelector 代码如下可以直接使用。 启动页面 class SplashPage extends StatefulWidget { @override _Sp...
Flutter实战之闪屏启动页
Vincent的博客
07-14 5306
在APP启动之前，一般都会SplashPage页面，这页面包含闪屏启动页（启动APP的过渡页面）、引导页（APP简介说明）、广告页（点击在浏览器中打开H5页面、或者直接下载APP文件）。 实现思路 APP的第一个页面就是闪屏启动页面，然后再处理跳转H5广告页面，还是跳转到首页的逻辑。SplashPage分为四层，默认启动图，引导图，广告图，倒计时跳过 使用status来控制页面显示状态，sta...
Flutter 启动页(闪屏页)具体实现和原理分析，学习路线+知识点梳理
最新发布
m0_60707606的博客
03-28 830
/省略了部分代码try {try {//[email protected](0f)@Override//5});});
（两百四十六）Flutter – 学习向 Android 应用中添加闪屏页
01-20
学习 https://flutter.cn/docs/development/ui/advanced/splash-screen 向 Android 应用中添加闪屏页 开启 Flutter 的体验需要短暂地等待 Dart 的初始化。一个完整的 Flutter 应用还额外需要 Android 应用程序标准的初始化时间。 Flutter 支持在 Android 应用初始化的时候展示启动页，并且还支持在你的 Flutter 初始化时展示闪屏页。本指南展示如何在 Flutter 编写的 Android 应用中使用启动页和闪屏页。 iOS 启动页 所有应用在交付到 Apple 应用商店之前 必须使用
flutter_animated_splash_screen：一个程序包，可自动执行在flutter中创建动画启动画面的任务
02-28
动画原生飞溅 入门 :rocket: 进行本机定向飞溅似乎是一个巨大的问题，但是使用此程序包可以完成所有工作。 您需要的只是动画对象的Json文件，我们可以帮助您将它们栩栩如生。 :sparkler: 用法 :artist_palette: 首先，添加animated_native_splash在你pubspec.yaml文件中的开发依赖。 它属于dev_dependencies因为它是命令行工具。 dev_dependencies : animated_native_splash : ^1.0.0 animated_native_splash : # This package generates native code to customize Flutter's splash # jsonFile is the only required parameter.This the file use to setup the an
使用Flutter开发的常见的App启动页
08-10
使用Flutter开发的常见的App启动页
Flutter-------写一个app启动页
Hello_GY 的博客
06-22 4437
在开发app应用的时候一般都会写一个启动页来过渡会在里面初始化一些东西比如加载广告图片之类的。 那么如何用flutter制作一个启动页面并在3秒后自动跳转到主页呢？ 首先创造一个Splash类，在build方法里面写好页面布局，然后写一个countDown()方法用来延迟，设定在3秒后启动newHomePage()，在右上角添加一个按钮用于点击跳转，onPressed进行首页的跳转。 一个简单的启动页就做好了。 import 'package:flutter/material.dart'; imp
flutter-设置开屏页 解决开屏白屏问题
weixin_43575775的博客
08-19 1060
当您的应用程序打开时，本机应用程序会短暂加载 Flutter。默认情况下，在此期间，本机应用程序会显示白色启动屏幕。该包自动生成 iOS、Android 和 Web 本机代码，用于自定义本机启动画面背景颜色和启动图像。支持深色模式、全屏和特定于平台的选项。其中color 为背景颜色 注意格式 可以设置为#000000 不能简写为#000。因为我不需要使用到 动态关闭开屏页 所以加在dev_dependencies 中。image为居中得icon 可以是小图标 自动居中得。卸载 重启app 即可生效。
Flutter 沉浸式状态栏实现及Splash屏幕
自由空间
03-11 2702
Android原生中实现沉浸式状态栏很普遍。那在Flutter中如何实现呢。下面就大概总结一下。 开发环境如下： [✓] Flutter (Channel stable, 1.22.6, on Mac OS X 10.14.5 18F132 darwin-x64, locale zh-Hans-CN) [✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2) [✓] Xcode - develo
Flutter的flutter_native_splash库最全最实用使用说明
keaihanxiaodangqiuqi的博客
05-26 1649
自定义下面的设置，然后添加到工程的 pubspec.yaml 文件中，或者在工程文件夹下放置名为 flutter_native_splash.yaml 的新文件。注意: 为了使用此方法， flutter_native_splash 必须在 pubspec.yaml 的 dependencies 部分里，而不是在 dev_dependencies 里。这里就是像上图里面所示的文字要特别说明一下，如果flutter_native_splash.yaml里面的内容有变动更新，建议再次执行一遍上面的命令。
splash_screen_example_flutter:第一个github项目
04-26
使用持续时间和计时器在Flutter中创建简单的启动画面 大家好，这是我本系列的第三篇文章。 在本文中，我们将学习有关闪屏的闪屏。 大多数应用程序都有启动画面。 启动屏幕上的工作取决于产品。 这篇文章基本上是《一...
kolonya：Kolonya是使用flutter框架制作的移动应用程序
01-28
kolonya：Kolonya是使用flutter框架制作的移动应用程序
Flutter自定义启动页
yu502950715yang的博客
11-10 1474
Flutter自定义启动页
Flutter 启动页(闪屏页)具体实现和原理分析
weixin_43901866的博客
04-12 1495
为什么要有启动页？ 在以下文章中，启动页就是闪屏页。 现在大部分App都有启动页，那么为什么要有启动页？这是个值得思考的问题，如果没有启动页会怎样，大部分的App会白屏（也有可能是黑屏，主题设置有关系）非常短的时间，然后才能展示App的内容。 那么问题来了，一定要有启动页吗？答案：不是，而且是尽可能不要有启动页，因为启动页会让用户体验不够连贯，甚至IOS在开发手册上就不推荐使用启动页。 ...
Flutter 启动页的前世今生适配历程
恋猫de小郭的博客
12-06 3440
APP 启动页在国内是最常见也是必备的场景，其中启动页在 iOS 上算是强制性的要求，其实配置启动页挺简单，因为在 Flutter 里现在只需要： iOS 配置 LaunchScreen.storyboard； Android 配置 windowBackground; 一般只要配置无误并且图片尺寸匹配，基本上就不会有什么问题，那既然这样，还有什么需要适配的呢？ 事实上大部分时候 iOS 是不会有什么问题，因为 LaunchScreen.storyboard 的流程本就是 iOS 官方用来做应用启动的过
Flutter实战（一）---闪屏（启动）页面的实现
技术是用来解决问题的
02-26 6924
很多app启动之后都会出现一个splash启动界面，显示广告信息或产品的LOGO、公司的LOGO或者开发者信息。如果应用程序启动时间比较长，那么启动界面就是一个很好的东西，可以让用户耐心等待这段枯燥的时间。 那么，我们使用Flutter开发应用该怎么实现闪屏页面呢？ 有两种方案可以实现：第一种，平台无关，在dart main函数里将启动页面作为第一个显示页面，设置一个定时器，定时显示多少秒后跳转到......
Flutter 安卓 设置启动页，名称，及logo
weixin_46088757的博客
10-13 2894
适配刘海屏
flutter Splash启动页（闪屏）页面解决方案实战
orgco的博客
07-29 3544
1.下载插件 pubspec.yaml 文件中加入该flutter_splash_screen: ^0.1.0 2.修改MainActivity.java 路径:android\app\src\main\java\com\example\ganxin\MainActivity.java package com.example.XXX; import android.os.Bundle; import io.flutter.embedding.android.FlutterActivity; //导入我们引
flutter 如何通过SplashScreen插件设置满屏的启动页
04-19
Flutter 可以通过 Splashscreen 插件设置满屏的启动页。您可以在 `pubspec.yaml` 文件中添加以下依赖项来使用该插件： ``` dependencies: flutter_native_splash: ^1.0.9 ``` 然后在 `AndroidManifest.xml` 和 `Info.plist` 文件中添加必要的配置。您可以参考 Splashscreen 插件的官方文档来了解如何详细设置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小雨青年

程序员可以把咖啡转化成代码~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值