Flutter 是向淘宝应用添加启动器图像的最简单方法

Flutter 是一个移动跨平台 UI 框架。单一代码可以在Android和iOS上提供一致的体验，但有些需要我们修改iOS和Android代码才能实现这一点。 ，比如我今天要讲的启动图！

Flutter 没有默认的启动图像，因此当您打开应用程序时，闪烁的界面是白屏。一个拥有良好体验的应用肯定需要一个启动器图片。

目前使用 Flutter 的开发者大多数是 iOS 或 Android 开发者。他们了解 Android 或 iOS。他们在更改启动映像时可能会有点困惑。在本文中，我将教您向应用程序添加启动器图像的最简单方法。我希望这可以帮助你！

完整示例请参见GitHub：Flutter淘宝应用

1。 iOS 启动器设置

1。添加启动图像

首先我们打开项目
找到文件Assets.xcassets
打开后单击+
然后单击新建图像集
并添加@x图像，给@x2x图像。分别。

@1x 无需图片。在 iPhone 3GS 上，上才 需要

2. 设置启动图片

Xcode 默认为我们创建了一个 LaunScreen.storyboard 文件。通过这个文件我们可以更改启动镜像。
操作如下所示。所以，再次启动它，你会发现启动图像不再是白屏。

请注意，您需要将图像的内容模式更改为“缩放至填充”

2。 Android 启动器设置

1。添加启动图片

打开 res 目录，路径为 android/app/src/main/res
将启动图片依次添加到 mipmap 目录

图片大小可以相同

设置启动图片

打开
目录下的drawable目录res，打开launch_background.xml文件
添加以下代码

//这样写可以通过图片铺满整个屏幕，不同屏幕可能会有拉伸
<item android:drawable="@mipmap/launch_image"></item>
复制代码

作者：Ganju❙ej://ZhiXiong. im/post/5cf1d5bb51882562e052f160
来源：掘金
版权归作者所有。商业转载请联系作者获取授权。非商业转载请注明出处。