【问题标题】: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 都成功解决了颤动的白色闪屏问题。您可以根据需要更改颤振闪屏背景颜色。

    【讨论】:

      猜你喜欢
      • 2014-11-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-02-28
      • 2017-03-22
      • 2015-09-19
      • 2022-01-21
      • 1970-01-01
      相关资源
      最近更新 更多