《Flutter 项目工程化》第五章 5.1 闪屏页

最新推荐文章于 2025-03-10 14:57:56 发布
最新推荐文章于 2025-03-10 14:57:56 发布
阅读量217 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Flutter 项目工程化 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/geeksoarsky/article/details/118892750
本文主要介绍了Flutter项目中启动相关的章节，特别是如何配置闪屏页。通过使用flutter_native_splash插件，可以方便地设置和自定义启动时的闪屏页面，并提供了插件的安装和使用步骤。此外，文章还提及了查看文件变更的方法以及版本提交的信息。

第五章 启动相关

  • 5.1 闪屏页
  • 5.2 广告页
  • 5.3 欢迎页
  • 5.4 隐私声明
  • 5.5 启动图标和应用名称

5.1 闪屏页

flutter_native_splash
插件地址：

安装 flutter_native_splash

dev_dependencies:
  flutter_native_splash: ^1.2.0

配置 splash 图片，其他个性化配置读者可以查看插件官网文档。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Flutter实战（一）---闪屏（启动）页面的实现
学无止境
02-26 7240
很多app启动之后都会出现一个splash启动界面，显示广告信息或产品的LOGO、公司的LOGO或者开发者信息。如果应用程序启动时间比较长，那么启动界面就是一个很好的东西，可以让用户耐心等待这段枯燥的时间。 那么，我们使用Flutter开发应用该怎么实现闪屏页面呢？ 有两种方案可以实现：第一种，平台无关，在dart main函数里将启动页面作为第一个显示页面，设置一个定时器，定时显示多少秒后跳转到......
Flutter 闪屏页面的几种实现方式
xq610928的博客
11-12 1014
前言 ： 各位同学大家好，有段时间没有给大家更新文章了，大家都有用过安卓和iOS主流的 app ，原生app都有一个欢迎页面 然后等待几秒钟进入主页，今天趁着有时间我就分钟几种不同的方式来实现欢迎页面的案例,废话不多说，我们正式开始 准备工作 ： 需要安装flutter的开发环境：大家可以去看看之前的教程： 1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/152447bc8718 2 mac系统flutter开发环境安装教程：https://www.jia
Flutte webview_flutter 跳转闪屏
小亮的博客
01-26 3323
关于flutter webview_flutter插件 闪屏问题 使用webview_flutter 3.0版本会导致在web页面跳转widget界面出现闪屏现象，只有把版本降级到3.0以下解决问题、作者目前版本使用了2.8版本、还望各位开发者避免入坑 ...
html 启动页 广告,Flutter实现启动页、闪屏广告页、引导页
weixin_29416253的博客
06-30 916
SplashPage页面用到的开源组件SharedPreferences 工具类 SpUtil引导Banner Swiper倒计时工具类TimerUtil一个App一般都会有SplashPage页面，在这页面包含启动页、引导页(app简介说明)、闪屏广告页(点广告页跳转到相应H5页面)。在Flutter实现引导页须要在MaterialApp home指定为SplashPage，在routes里面配...
Flutter 闪屏页(开屏页)
热门推荐
Seven丶Echo的博客
08-16 1万+
Flutter 闪屏页(开屏页)   先来说一下我们需要实现的效果，我们需要实现一个三秒钟后自动跳转到主页面的一个开屏页面，且该页面如果用户点击了屏幕后我们需要立即跳过开屏页面。到了主页面后用户点击返回时直接退出程序而不是跳转回开屏页面。 新建images文件夹用于存放图片（把images文件夹建在根目录下即可） 为图片配置路径 编写main.dart让其开启第一个页面为开屏页面 编写开屏页...
Flutter实战之闪屏启动页
Vincent的博客
07-14 5525
在APP启动之前，一般都会SplashPage页面，这页面包含闪屏启动页（启动APP的过渡页面）、引导页（APP简介说明）、广告页（点击在浏览器中打开H5页面、或者直接下载APP文件）。 实现思路 APP的第一个页面就是闪屏启动页面，然后再处理跳转H5广告页面，还是跳转到首页的逻辑。SplashPage分为四层，默认启动图，引导图，广告图，倒计时跳过 使用status来控制页面显示状态，sta...
Flutter启动页(闪屏页)的具体实现及原理详析
08-26
Flutter启动页（闪屏页）的实现及原理详析 Flutter启动页，也被称为闪屏页，是App启动时显示的初始页面。其主要作用是避免App启动时的白屏或黑屏现象，提高用户体验。下面将详细介绍Flutter启动页的实现及原理。 ...
Flutter项目配置-4-闪屏页配置
weixin_44531811的博客
05-29 930
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0。
（两百四十六）Flutter – 学习向 Android 应用中添加闪屏页
01-20
Flutter 支持在 Android 应用初始化的时候展示启动页，并且还支持在你的 Flutter 初始化时展示闪屏页。本指南展示如何在 Flutter 编写的 Android 应用中使用启动页和闪屏页。 iOS 启动页 所有应用在交付到 Apple ...
Flutter 玩转微信——闪屏页妙用
Android 开发架构
01-02 1395
众所周知，一个健全的App，通常都会有一个SplashPage页面，且该页面一般用于应用(APP)启动时，当然其存在的主要目的是承载：启动页、引导页、广告页、等待页等业务场景。笔者认为，与其说是闪屏页，倒不如叫中转页，怎么个中转法，还请听笔者一一到来… 这里笔者借助以Flutter实现微信App登录的逻辑，以点带面来讲讲SplashPage页面产生的原因和作用，SplashPage页面如何实现上面...
Flutter flutter_native_splash 使用指南
会煮咖啡的猫咪
10-17 2849
原文使用 flutter_native_splash 优化 Flutter 启动画面体验本文详细介绍了如何在 Flutter 中使用 flutter_native_splash 插件自定义启动画面，包括背景颜色、图像设置及 Android 12 的支持说明，帮助开发者提升应用的用户体验。
flutter_native_splash:自动生成用于在Android和iOS中添加初始屏幕的本机代码。 使用特定的平台，背景颜色和初始图像进行自定义
04-28
打开您的应用程序后，原生应用程序会在很短的时间内加载Flutter。 默认情况下，在此期间，本机应用程序显示白色的初始屏幕。 该软件包自动生成iOS，Android和Web本机代码，以自定义本机初始屏幕背景颜色和初始图像。 支持暗模式，全屏和特定于平台的选项。 用法 您是否愿意选择视频教程？ 查看。 首先，在您的pubspec.yaml文件中将flutter_native_splash添加为dev依赖项。 它属于dev_dependencies因为它是命令行工具。 dev_dependencies : flutter_native_splash : ^1.1.8+4 别忘了flutter pub get 。 笔记： 如果使用Flutter 1.x（无null安全性），则必须使用此软件包的。 1.设置启动画面 自定义以下设置，并将其添加到项目的pubspec.yaml文件中，或放
Flutter 学习之旅 之 flutter 使用flutter_native_splash 简单实现设备启动短暂白屏黑屏（闪屏）的问题
最新发布
仙魁XAN
03-10 1965
Flutter 是一款开源的 UI 软件开发工具包，由 Google 开发和维护。它允许开发者使用一套代码同时构建跨平台的应用程序，包括移动设备（iOS 和 Android）、Web 和桌面平台（Windows、macOS 和 Linux）。Flutter 使用 Dart 编程语言，它可以将代码编译为 ARM 或 Intel 机器代码以及 JavaScript，从而实现快速的性能。
Flutter 开屏方案
Vito_Jianxue的博客
01-13 1794
前言 在APP项目中闪屏页（或启动页）的作用是为了解决在程序显示第一帧之前，不要出现白屏的现象，尤其是在纯RN和Flutter的项目里面，资源加载完成到显示的速度会比Native要逊色一些。这里主要总结纯Flutter项目可选择的闪屏页实现方案，大部分为 pub.dev 上比较受欢迎的几种。 Native 处理 这里就不多说了，Native处理闪屏页不管是Android还是iOS官方都有很成熟的解决方案。 flutter_splash_screen 插件 flutter_splash_scr.
Flutter&Android 启动页（闪屏页，android热修复面试
m0_61408464的博客
09-03 523
android:name="io.flutter.embedding.android.SplashScreenDrawable" android:resource="@drawable/launch_background" /> 即res下的drawable/launch\_background.xml 文件 我们可以在这里设置引擎初始化前所显示的页面，下面我们来看一下这个过程。 []( )启动页的加载过程 =============...
Flutter 沉浸式状态栏实现及Splash屏幕
自由空间
03-11 3366
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
军火库
02-24 8571
本文翻译自pub： flutter_native_splash | Flutter Package (flutter-io.cn) 译时版本： flutter_native_splash 2.0.2 当应用打开时，在原生应用加载 Flutter 之前会有一个短暂的时间。默认情况下，在此期间，原生应用会显示一个白屏画面。该包自动生成 iOS 、 Android 和 Web 的原生代码来自定义闪屏画面的背景色和闪屏图像。支持黑暗模式、全屏和平台指定选项。 新内容 现在可以在应用初始化时一直显示闪屏界面！不
如何在 Flutter中创建启动画面？
sexylin2010的专栏
06-24 936
如何在 Flutter 中创建启动画面 Flutter Splash Demo的创建旨在帮我们了解如何为Android和iOS创建不同类型的Splash。 正如大多数iOS开发人员的同感，由于操作系统的特定限制，创建 iOS Splash可能会有些麻烦，另一方面，创建Android Splash仅仅是小菜一碟。现在，随着 Flutter 的出现，这种情况大有改善。 The Problem Statement 要创建一个展示不同类型的启动页的应用，即： 图片启动页 视频启动页 动画启动页 .
flutter打开android界面,flutter中如何设置启动画面(splash screen)？
weixin_39682412的博客
06-05 1804
其实设置启动图只需要将启动图片放到对应的目录再稍加配置即可，具体的操作方式如下：安卓平台1)找到flutter工程下的android目录2)找到app -> src -> main -> res 目录并把启动图片放到对应的目录下(如果目录不存在则创建)mipmap-mdpi/ 目录下放1倍清晰度的启动图片，如：48*48mipmap-hdpi/ 目录下放1.5倍清晰度的启动图片，...
Flutter团队协作中的组件化与工程化解决方案
- **统一环境设置**：确保团队成员在执行`flutter`命令时使用的SDK环境与项目内部平台子工程的环境变量一致，这可能涉及到配置全局或工作区级别的环境变量，以避免因环境差异导致的问题。 - **工程结构标准化**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

geeksoarsky

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值