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

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

第五章 启动相关

  • 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 图片，其他个性化配置读者可以查看插件官网文档。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
geeksoarsky
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Flutter实战（一）---闪屏（启动）页面的实现
学无止境
02-26 6995
很多app启动之后都会出现一个splash启动界面，显示广告信息或产品的LOGO、公司的LOGO或者开发者信息。如果应用程序启动时间比较长，那么启动界面就是一个很好的东西，可以让用户耐心等待这段枯燥的时间。 那么，我们使用Flutter开发应用该怎么实现闪屏页面呢？ 有两种方案可以实现：第一种，平台无关，在dart main函数里将启动页面作为第一个显示页面，设置一个定时器，定时显示多少秒后跳转到......
Flutte webview_flutter 跳转闪屏
小亮的博客
01-26 3036
关于flutter webview_flutter插件 闪屏问题 使用webview_flutter 3.0版本会导致在web页面跳转widget界面出现闪屏现象，只有把版本降级到3.0以下解决问题、作者目前版本使用了2.8版本、还望各位开发者避免入坑 ...
html 启动页 广告,Flutter实现启动页、闪屏广告页、引导页
weixin_29416253的博客
06-30 839
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 5341
在APP启动之前，一般都会SplashPage页面，这页面包含闪屏启动页（启动APP的过渡页面）、引导页（APP简介说明）、广告页（点击在浏览器中打开H5页面、或者直接下载APP文件）。 实现思路 APP的第一个页面就是闪屏启动页面，然后再处理跳转H5广告页面，还是跳转到首页的逻辑。SplashPage分为四层，默认启动图，引导图，广告图，倒计时跳过 使用status来控制页面显示状态，sta...
Flutter 闪屏页实现
100斤的博客
06-13 6925
Flutter 闪屏页实现 导入图片 在lib同级目录新建images目录，放入闪屏图片。 更新配置文件 打开pubspec.yaml文件，添加如下asstes: assets: -images/splash_girl.png 创建两个页面 lib下新建HomePage和SplashPage，分别作为主页和闪屏页。 编写mian.dart main.d...
Flutter 启动页(闪屏页)具体实现和原理分析，看这里
最新发布
2401_84149530的博客
04-08 1038
找工作是个很辛苦的事情，而且一般周期都比较长，有时候既看个人技术，也看运气。第一次找工作，最后的结果虽然不尽如人意，不过收获远比offer大。接下来就是针对自己的不足，好好努力了。最后为了节约大家的时间，我把我学习所用的资料和面试遇到的问题和答案都整理成了PDF文档《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！[外链图片转存中…(img-IArmotvw-1712508592054)]
（两百四十六）Flutter – 学习向 Android 应用中添加闪屏页
01-20
Flutter 支持在 Android 应用初始化的时候展示启动页，并且还支持在你的 Flutter 初始化时展示闪屏页。本指南展示如何在 Flutter 编写的 Android 应用中使用启动页和闪屏页。 iOS 启动页 所有应用在交付到 Apple ...
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 项目工程化》序言
geeksoarsky的博客
07-18 410
序言 Flutter 项目工程化 《Flutter 项目工程化》一书是Flutter 快速开发实战专栏的上册，笔者以快速命名是因为 “完成要比完美更重要”，“快速推进，打破常规”，“天下武功，唯快不破”，对于如今迅猛发展的互联网，也是如此。要知道，用户多变，所以唯一能够抓住机会的办法就是快。 在互联网行业，要成就一个项目，idea 一文不值，不仅是在中国，在哪都一样。笔者希望读者通过《Flutter 项目工程化》这本书能把你的想法在技术层面上来讲从不可行到可行，提高你的执行力，最终做成一款好的APP。 由于
Flutter 玩转微信——闪屏页妙用
Android 开发架构
01-02 1209
众所周知，一个健全的App，通常都会有一个SplashPage页面，且该页面一般用于应用(APP)启动时，当然其存在的主要目的是承载：启动页、引导页、广告页、等待页等业务场景。笔者认为，与其说是闪屏页，倒不如叫中转页，怎么个中转法，还请听笔者一一到来… 这里笔者借助以Flutter实现微信App登录的逻辑，以点带面来讲讲SplashPage页面产生的原因和作用，SplashPage页面如何实现上面...
Flutter 开屏方案
Vito_Jianxue的博客
01-13 1476
前言 在APP项目中闪屏页（或启动页）的作用是为了解决在程序显示第一帧之前，不要出现白屏的现象，尤其是在纯RN和Flutter的项目里面，资源加载完成到显示的速度会比Native要逊色一些。这里主要总结纯Flutter项目可选择的闪屏页实现方案，大部分为 pub.dev 上比较受欢迎的几种。 Native 处理 这里就不多说了，Native处理闪屏页不管是Android还是iOS官方都有很成熟的解决方案。 flutter_splash_screen 插件 flutter_splash_scr.
Flutter 项目的闪屏页方案
iOS_开发
02-24 1515
前言在APP项目中闪屏页（或启动页）的作用是为了解决在程序显示第一帧之前，不要出现白屏的现象，尤其是在纯RN和Flutter的项目里面，资源加载完成到显示的速度会比Native要逊色一些...
Flutter app启动页（闪屏页）白屏解决方案
klousYG的博客
04-30 3801
Flutter app启动页（闪屏页）白屏解决方案1.集成2.执行3.在pubspec.yaml中添加4.终端输入命令 使用flutter_native_splash 插件 访问插件地址 https://pub.dev/packages/flutter_native_splash flutter_native_splash 0.1.9 这个package可以自动生Android和iOS端闪屏页的代...
[译]Flutter闪屏画面库flutter_native_splash
军火库
02-24 8209
本文翻译自pub： flutter_native_splash | Flutter Package (flutter-io.cn) 译时版本： flutter_native_splash 2.0.2 当应用打开时，在原生应用加载 Flutter 之前会有一个短暂的时间。默认情况下，在此期间，原生应用会显示一个白屏画面。该包自动生成 iOS 、 Android 和 Web 的原生代码来自定义闪屏画面的背景色和闪屏图像。支持黑暗模式、全屏和平台指定选项。 新内容 现在可以在应用初始化时一直显示闪屏界面！不
Flutter 沉浸式状态栏实现及Splash屏幕
自由空间
03-11 2984
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&Android 启动页（闪屏页，android热修复面试
m0_61408464的博客
09-03 443
android:name="io.flutter.embedding.android.SplashScreenDrawable" android:resource="@drawable/launch_background" /> 即res下的drawable/launch\_background.xml 文件 我们可以在这里设置引擎初始化前所显示的页面，下面我们来看一下这个过程。 []( )启动页的加载过程 =============...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

geeksoarsky

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

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

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

打赏作者

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

抵扣说明：

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

余额充值