无需 storyboard，轻松给你的 Flutter App 添加启动图

2024-02-01 22:30:30

前言：

Flutter 应用程序默认没有启动图，这意味着当应用程序启动时，你首先看到的是一片空白。但是，一个出色的应用程序体验需要一个引人注目的启动图来欢迎用户。本文将带你踏上为你的 Flutter 应用程序添加启动图的简单旅程，无需使用 Xcode 中的 storyboard。

步骤 1：配置 AndroidManifest.xml

首先，打开你的 AndroidManifest.xml 文件并添加以下代码：

<application
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme">
    <activity
        android:name="MainActivity"
        android:configChanges="orientation|screenSize"
        android:label="@string/app_name"
        android:theme="@style/AppTheme">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

确保将 @mipmap/ic_launcher 替换为你的启动图资源。

步骤 2：创建启动图

现在，你需要创建一个启动图。建议使用 960x540 像素的分辨率，这样它可以在各种设备上完美缩放。

步骤 3：添加启动图资源

将你的启动图资源添加到 app/src/main/res/mipmap 目录。将它命名为 ic_launcher.png。

步骤 4：更新 MainActivity.java

接下来，打开你的 MainActivity.java 文件并添加以下代码：

public class MainActivity extends FlutterActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        GeneratedPluginRegistrant.registerWith(this);
        getWindow().setStatusBarColor(Color.TRANSPARENT);
    }
}