Flutter自定义启动页

最新推荐文章于 2024-05-14 13:57:43 发布
最新推荐文章于 2024-05-14 13:57:43 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： Flutter 文章标签： flutter android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yu502950715yang/article/details/127784611
版权

Flutter自定义启动页

前言

Flutter新建一个项目后是没有启动页的，在启动app时会有一个空白页。根据业务需求现在需要添加一个固定的启动页。Flutter的启动页需要在android和ios中分别去设置。

Android

新建Flutter项目后，修改“.android/app/src/main/res/drawable/launch_background.xml”文件，把注释掉的代码放开。
在这里插入图片描述
并添加启动页图片：
在这里插入图片描述

IOS

App Store上架规定必须使用Xcode的Storyboard来搭建启动页。
在这里插入图片描述

配置launchimage图片
在这里插入图片描述
调整启动图约束
在这里插入图片描述
调整视图布局
在这里插入图片描述

yu502950715yang
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Flutter 怎样设置启动页？大佬请指教
xinqqqydj的博客
01-06 363
删除 第一个item也不好使，设置第一个item为 @drawable/图片名称也不好使，无论我怎么设置，启动图都展示app的图标。drawable-v21 设置。drawable 文件设置。
Flutter日记--修改App图标，名称，启动页
2301_82241819的博客
05-03 720
最后这里放上我这段时间复习的资料，这个资料也是偶然一位朋友分享给我的，里面包含了腾讯、字节跳动、阿里、百度2019-2021面试真题解析，并且把每个技术点整理成了视频和PDF（知识脉络 + 诸多细节）。还有高级架构技术进阶脑图、高级进阶架构资料帮助大家学习提升进阶，也可以分享给身边好友一起学习。一起互勉~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！847280)]一起互勉~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》
2024年Android最新Flutter&amp；Android 启动页（闪屏页）的加载流程和优化方案(1)，2024年Android春招面试经历
最新发布
2401_84544531的博客
05-14 754
因为flutter与原生处于两个不同的surface，所以我们可以考虑利用原生的surface来显示这个启动页，同时为了避免拖慢flutter的启动，我们可以在子线程来做这个事情。可以看到，通过上面的方法，我们以在AndroidManifest.xml设置的启动资源 初始化了一个drawable，进而初始化了DrawableSplashScreen 并返回。回头看去，可以发现在闪屏页的显示到引擎的启动及flutter 页面的显示会有一个很长的过程，而直到flutter 页面的显示，这个闪屏页才会被移除掉。
Flutter&Android 启动页（闪屏页）的加载流程和优化方案
ljq5945的博客
01-03 1937
前言 现在应用的普遍启动方式为： 静态页面 -> 动图 -> 应用首页 之所以这样设计的原因，大致如下： 1、产品需求，如广告 2、品牌展示 3、应用规模较大时启动时间较长，相较于白屏，一张图片的过渡效果更好 等等…。 而Flutter由于引擎的创建和初始化需要一定时间，所以也提供了一个过渡方案（默认是白屏），位置在： AndroidManifest.xml下的 <meta-data android:name="io.flutter.embedding.android
Flutter-------写一个app启动页
Hello_GY 的博客
06-22 4542
在开发app应用的时候一般都会写一个启动页来过渡会在里面初始化一些东西比如加载广告图片之类的。 那么如何用flutter制作一个启动页面并在3秒后自动跳转到主页呢？ 首先创造一个Splash类，在build方法里面写好页面布局，然后写一个countDown()方法用来延迟，设定在3秒后启动newHomePage()，在右上角添加一个按钮用于点击跳转，onPressed进行首页的跳转。 一个简单的启动页就做好了。 import 'package:flutter/material.dart'; imp
Flutter的Android和iOS启动页白屏解决
weixin_43885334的博客
02-17 1489
flutter的Android与iOS白屏解决方式
使用Flutter开发的常见的App启动页
08-10
在Flutter中，App启动页通常分为两种类型：静态启动页和动态启动页。静态启动页主要显示固定图片，而动态启动页可能包含动画或者进行后台数据加载。 1. **创建静态启动页** - 创建一个新的`StatelessWidget`，如`...
启动页欢迎界面大全
06-03
启动页欢迎界面是移动应用和桌面软件中常见的一种设计元素，它通常在应用程序启动时显示，为用户提供一种视觉上的引导和品牌识别。本资源“启动页欢迎界面大全”旨在提供全面的启动页实现方法，帮助开发者更好地理解...
Flutter完整项目BLoCRxDart国际化主题色启动页引导页
08-10
涵盖的关键技术包括Flutter框架的使用，BLoC（Business Logic Component）模式，RxDart（ReactiveX Dart）库，国际化实现，自定义主题色，启动页设计以及引导页的构建。 首先，Flutter是Google推出的一款开源UI工具...
怎么加启动页
10-23
3. **Flutter**：在Flutter中，可以通过`SplashScreen`插件或自定义一个`StatefulWidget`来实现，根据异步操作的完成来决定何时跳转到主页面。 **步骤四：优化加载时间** 1. **延迟加载**：可以利用延迟加载技术，...
Flutter 启动页白屏设置/启动画面设置
01-03
新建flutter项目 刚启动是有段时间的白屏 ,这个是系统开机的白屏,可以更换成自己的启动画面,设置如下: launch_backgroud.xml里修改成自己的图片名称,src表示图片的名称不带扩展名，mipmap表示对应各种分辨率下的图片 launch_background.xml文件 <!-- --> 设置全屏图片 styles.xml 文件 false true @mipmap/launcher 这么设将是图片全屏 ,应用有顶部状态栏,windowfullscreen设为tr
flutter后台管理框架
06-02
通常，版本升级会带来更好的性能优化、更多的自定义选项以及对最新 Flutter 版本的支持。 在使用 Flutter 后台管理框架时，开发者可以期待以下关键知识点： 1. **快速启动**：框架可能提供了预设的模板和基础页面...
Flutter启动页白屏处理
郊眠寺
05-27 3093
前言 在上篇实现了一个Nike的加载页，但有一些遗留问题，其中之一就是启动时的白屏处理。如下： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vX0WOEA6-1653629979782)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f5f2aadf7f2b43a78d5957c761515c8a~tplv-k3u1fbpfcp-zoom-in-crop-mark:1956:0:0:0.image?)] 启动页 几乎所有
Flutter - 修改应用名称、icon、启动页
SSY_1992的博客
06-26 2707
虽说Flutter是跨平台开发，但是配置东西的时候安卓和iOS还是要分别配置。 一、修改应用名称 Android： 在android->app->src->main->AndroidManifest.xml 中修改android:label=“xxx” iOS：ios->Runner->Info.plist 中修改CFBundleName对应的Value 注意...
使用Timer实现Flutter启动页
子不语的博客
10-25 6769
在APP开发中，我们都会写一个启动页，这个启动页不仅可以作为广告投放点，也可以作为初始化数据的地方。那在Flutter中如何实现一个启动页呢？本文就为大家介绍一下使用Timer实现Flutter启动页。效果如下： 首先创建一个继承StatefulWidget的页面SplashPage，重写其初始化方法initState，在其中初始Timer(定时操作，和Android中的类型)，并设置定时完成后...
Flutter 修改应用名称、图标、启动页
yechaoa
08-09 8582
虽然flutter可以同时运行在android和ios设备上，但是修改名称跟logo还是需要分开配置的。 修改应用名称 android 在项目下找到android目录，依次app》src》main》AndroidManifest.xml， 打开AndroidManifest.xml文件，找到application节点，修改label参数即可 <application an...
flutter 设置启动页动画
weixin_43294560的博客
04-28 2955
1、在main.dart的MaterialApp内,将home对应的组件内容设置成,启动页所在组件 2、启动页设置有状态组件，第二个状态类还要with多继承SingleTickerProviderStateMixin 3、在initState生命周期函数中定义动画控制器和监听动画结束跳转到指定页面 AnimationController xx=AnimationController(vs...
flutter 自定义controller
02-24
Flutter中的自定义Controller是指可以控制和管理特定组件状态的类。通过自定义Controller，我们可以实现对组件的状态进行监听、更新和控制。 在Flutter中，常用的自定义Controller是StatefulWidget的Controller，也...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值