Flutter - Android 闪屏还是白的

Question

我在 android 和 Flutter 中遇到闪屏问题，在物理设备和模拟器中仍然是白色的。 已经尝试卸载应用程序。 一些忠告？

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/red" />

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

如果我对此发表评论，它会显示为黑色：

 <meta-data
          android:name="io.flutter.embedding.android.SplashScreenDrawable"
          android:resource="@drawable/launch_background"
          />

Answer 1

您可以检查flutter_native_splash package。 它会自动替换 IOS 和 Android 上的颜色。

更新：它对我很好：

利用：

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_native_splash: ^0.1.9

flutter_native_splash:
  color: "FF0000"

然后再次运行命令：

flutter pub pub run flutter_native_splash:create

Answer 2

适用于 android

在可绘制文件夹中添加启动画面图像（1080x1940 像素），然后打开app -> src -> main -> res

在drawable文件夹中，你会发现launch_background.xml编辑它。 在此处查看详细信息示例

<?xml version="1.0" encoding="utf-8"?>

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

而已

对于 iOS 应用程序

在 Xcode 上打开 flutter 项目，以将启动画面添加到 flutter ios 应用程序。 要在 ZA3B5EBD8A1E9EBF44A172E80D5A7D3A3A3Z 上打开 iOS 模块，请打开 android 工作室和顶部菜单 Z99938282F04161859941ECF 工具。 Go 到 flutter –> 在 Xcode 上打开 ios 模块。

在 Xcode window 上，单击 Runner- > Runner -> Assets.xcassets文件夹。 在这里，您可以看到 LaunchImage 将您的初始屏幕图像与所有三个不同的尺寸粘贴到此文件夹中。

在 Assets.xcassets 文件夹下方的左侧菜单中再次打开 LaunchScreen.storyboard ，您将看到 LaunchScreen.Storyboard。 点击查看 controller 场景 -> 查看 controller -> 查看。 注意：– select（单击）仅查看不要单击 LaunchImage。 您已在上一步中将新的初始屏幕粘贴到 LaunchImage 文件夹中。 因此，您将在此 window 中看到相同的新图像。 当您 select（单击）查看然后在右侧 window 时，您可以看到更改视图设置的选项，如内容模式、背景、alpha 等。根据需要更改背景颜色并将内容模式设置为缩放以填充。

调整启动画面您可以在同一 window 上调整启动画面 position、大小和背景颜色。 只需单击 launchImage 或 select 预览 window 上的图像。 您可以调整图像大小，并可以调整图像 position。 在右侧 window 上，您也可以进行其他设置。

iOS 应用启动画面已就绪。 现在 android 和 iOS 的 flutter 白色闪屏问题已成功解决。 您可以根据需要更改 flutter 闪屏背景颜色。