浅识Flutter Android studio 设置APP启动页

Flutter Android studio 设置APP名启动页

  • Android设置APP启动页
  • ios设置APP启动页

APP的应用一打开,启动应用程序后,进入主功能界面前会有一张图片或一段动画效果,停留数秒钟后消失。这张图片或这段动画效果我们称之为应用的启动画面。由于启动画面在每次打开应用时都会出现,并且停留很短的时间,就像闪现的效果一样,所以也有人把启动画面称之为闪屏。

Android设置APP启动页

打开android\app\src\main\AndroidManifest.xml

图中选中的value的值代表启动页的开关
浅识Flutter Android studio 设置APP启动页_第1张图片

默认的启动页是白色的,如果要换成图片:
选中一张图片命名为launch_image.png 放到android\app\src\main\res\mipmap下
打开android\app\src\main\res\drawable\launch_background.xml

浅识Flutter Android studio 设置APP启动页_第2张图片
把这段代码 取消掉注释

  <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/launch_image" />
    </item> 

结果为浅识Flutter Android studio 设置APP启动页_第3张图片
如果不想放在mipmap下 也可以更改到其他目录,修改好路径就可。

比如:我放在drawable下,修改src的值为:android:src="@drawable/launch_image"

浅识Flutter Android studio 设置APP启动页_第4张图片
浅识Flutter Android studio 设置APP启动页_第5张图片

ios设置APP启动页

打开untitled2\ios\Runner\Assets.xcassets\LaunchImage.imageset

把LaunchImage.png、[email protected][email protected] 替换成自己的图片,注意保持图片的名称和分辨率一直就行。

浅识Flutter Android studio 设置APP启动页_第6张图片

运行结果

https://www.bilibili.com/video/BV1sr4y1z7Zm/

你可能感兴趣的:(浅识Flutter笔记,android,studio,flutter,android)