【问题标题】:How to set background image, that fit screen for ios splash screen version in flutter?如何设置背景图像,适合 ios 初始屏幕版本的颤动屏幕?
【发布时间】:2021-02-15 20:48:45
【问题描述】:
有一项任务是制作带有背景图像、适合屏幕和中心徽标图像的启动画面。为 android 制作这个启动画面 - 已经完成,但是如何为 ios 制作这个? ios有没有没有两个闪屏的方法(flutter white splash screen and second IOS native screen in the role of splash)?
【问题讨论】:
标签:
android
ios
image
flutter
splash-screen
【解决方案1】:
适用于 iOS 应用
在 Xcode 上打开 Flutter 项目,为 Flutter ios 应用添加启动画面。要在 Xcode 上打开 iOS 模块,请打开 android studio 并在顶部菜单中选择工具。转到 Flutter –> 在 Xcode 上打开 ios 模块。 see example here
在 Xcode 窗口中,点击 Runner-> Runner -> Assets.xcassets 文件夹。在这里,您可以看到 LaunchImage 将您的初始屏幕图像与所有三个不同的尺寸粘贴到此文件夹中。
打开 LaunchScreen.storyboard 再次在 Assets.xcassets 文件夹下方的左侧菜单中,您将看到 LaunchScreen.Storyboard。单击视图控制器场景 -> 视图控制器 -> 视图。注意:- 仅选择(单击)视图,不要单击 LaunchImage。您已在上一步中将新的初始屏幕粘贴到 LaunchImage 文件夹中。因此,您将在此窗口中看到相同的新图像。当您选择(单击)视图然后在右侧窗口中,您可以看到更改视图设置的选项,如内容模式、背景、alpha 等。根据需要更改背景颜色并将内容模式设置为缩放以填充。在此处输入图片说明
调整启动画面 您可以在同一窗口中调整启动画面的位置、大小和背景颜色。只需单击launchImage 或在预览窗口中选择图像。您可以调整图像大小并调整图像位置。在右侧窗口中,您也可以进行其他设置。
iOS 应用启动画面已准备就绪。现在,Android 和 iOS 都成功解决了颤动的白色闪屏问题。您可以根据需要更改颤振闪屏背景颜色。