无法更改 flutter 中默认的白色启动画面

问题描述 投票:0回答:3

这是 launch_background.xml 中的代码

<?xml version="1.0" encoding="utf-8"?>
<!-- Modify this file to customize your launch splash screen -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/black" /> 

    <!-- You can insert your own image assets here -->
 <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/applogo" />
    </item> 
</layer-list>

我已将颜色更改为“黑色”- 但我得到的是白色启动画面,徽标也没有显示。 我已将徽标 (png) 放在可绘制文件夹中。谁能帮我解决这个问题?

android flutter splash-screen
3个回答
2
投票

首先,您需要 2 个文件来完成这项工作,首先是 drawable 和 drawable-v21 文件夹中的文件,它们应该具有

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/background_color" />
    <item>
        <bitmap android:gravity="center" android:src="@mipmap/launch_icon" />
    </item>
</layer-list>
@color/background_color

是 android 的自定义颜色样式,您接下来必须创建它

@mipmap/launch_icon

是您在 mipmap 文件夹中的自定义图标图像,您可以使用 https://appicon.co

创建大小

第二个文件将在 values 和 values-night 文件夹中创建为 colors.xml,该文件将包含您要使用的颜色

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="background_color">#000000</color>
</resources>

0
投票

安卓版 打开 Res 文件夹中的 launch_background.xml 文件,并在 drawable 文件夹中添加一个新的启动画面图像。现在更改两个地方的代码。 在这里查看教程示例

    • 通过添加新项目编辑此 launch_background.xml 并将启动画面图像设置为项目值。

对于 iOS 应用程序 在 Xcode 上打开 flutter 项目以将启动画面添加到 flutter ios 应用程序。要在 Xcode 上打开 iOS 模块,请打开 android studio 并在顶部菜单中选择工具。去 flutter –> 在 Xcode 上打开 ios 模块。

在 Xcode 窗口中,单击 Runner-> Runner -> Assets.xcassets 文件夹。在这里,您可以看到 LaunchImage 将具有所有三个不同尺寸的启动画面图像粘贴到此文件夹中。

打开 LaunchScreen.storyboard 同样在 Assets.xcassets 文件夹下方的左侧菜单中,您将看到 LaunchScreen.Storyboard。单击视图控制器场景 -> 视图控制器 -> 视图。注意:- 选择(单击)仅查看,不要单击 LaunchImage。您已在上一步中将新启动画面粘贴到 LaunchImage 文件夹中。因此,您将在此窗口中看到相同的新图像。当您选择(单击)视图时,然后在右侧窗口中您可以看到更改视图设置的选项,如内容模式、背景、alpha 等。根据需要更改背景颜色,并将内容模式设置为缩放以填充。

调整启动画面 您可以在同一窗口中调整启动画面的位置、大小和背景颜色。只需单击 launchImage 或在预览窗口中选择图像。您可以调整图像大小并可以调整图像位置。在右侧窗口中,您也可以制作另一套。

iOS 应用启动画面准备就绪。 现在 flutter white splash screen 问题已经在 Android 和 iOS 上成功解决。您可以根据需要更改 flutter 启动画面的背景颜色。


0
投票

我想你想在应用程序启动时删除白屏。检查此库,您可以使用其他任何颜色或徽标图像而不是白色屏幕。

点击此链接

这里是预览

© www.soinside.com 2019 - 2024. All rights reserved.