简述
在使用Flutter开发App应用时，运行在Android手机启动时可能会遇到应用显示黑白屏的问题。这个问题做过Android开发的人员都知道，在Android12版本兼容中新增改用SplashScreen API定制系统启动画面，但是本文将介绍如何通过调整启动样式配置解决这个问题。
效果
- 未修改
- 修改后
启动样式配置
在 Flutter 项目中，启动屏幕的配置文件位于 drawable 文件夹中的 launch_background.xml。以下是一个示例配置：
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <solid android:color="#40C2BB" /> </shape> </item> <item android:top="150dp"> <bitmap android:gravity="top|center_horizontal" android:src="@drawable/splash_top_icon" /> </item> <item android:gravity="bottom|center_horizontal" android:bottom="50dp"> <bitmap android:gravity="center" android:src="@drawable/splash_bottom" /> </item> </layer-list>
请注意，这里的配置文件决定了启动时的主题样式，包括背景颜色和图标等。在这个例子中，背景颜色为 #40C2BB，顶部图标为 splash_top_icon，底部图标为 splash_bottom。
修改启动屏幕样式
在 styles.xml 文件中修改 LaunchTheme 样式，确保正确引用了启动屏幕配置文件：
<style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar"> <item name="android:windowBackground">@drawable/launch_background</item> <item name="android:windowFullscreen">true</item> <item name="android:windowNoTitle">true</item> <item name="android:windowContentOverlay">@null</item> </style>
这里通过 android:windowBackground 指定了启动屏幕的背景，确保其引用了我们之前配置的 launch_background.xml 文件。
修改 AndroidManifest.xml
在 AndroidManifest.xml 文件中，确保正确引用了修改后的样式：
<activity android:name=".MainActivity" android:theme="@style/LaunchTheme"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity>
通过修改 android:theme 属性，确保启动时使用了我们修改后的样式。
结论
通过以上步骤，我们可以解决 Flutter 在 Android 平台启动时出现黑白屏的问题。通过正确配置启动屏幕样式，并确保在 styles.xml 和 AndroidManifest.xml 中正确引用，我们可以让应用在启动时呈现出预期的样式，提升用户体验。
