Flutter应用启动画面设置教程

Flutter应用启动画面设置教程

3 回复
  1. 创建launch_background.xml，设置背景颜色或图片。
  2. 修改AndroidManifest.xml，添加android:theme="@style/LaunchTheme"。
  3. 配置Flutter配置文件，确保splash_screen.xml正确引用。

更多关于Flutter应用启动画面设置教程的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


  1. 修改launch_background.xml文件；2. 设置splash_screen.dart作为启动页；3. 调整pubspec.yaml中图片路径。

在Flutter中，设置应用启动画面（Splash Screen）可以通过以下步骤实现：

1. 添加依赖

首先，在pubspec.yaml文件中添加flutter_native_splash依赖：

dev_dependencies:
  flutter_native_splash: ^2.2.10

2. 配置启动画面

在pubspec.yaml文件中添加配置项，指定启动画面的背景颜色、图片等：

flutter_native_splash:
  color: "#42a5f5"
  image: assets/splash.png
  android: true
  ios: true

3. 生成启动画面

在终端中运行以下命令，生成启动画面资源：

flutter pub run flutter_native_splash:create

4. 在Android中设置启动画面（可选）

在android/app/src/main/res/values/styles.xml文件中，确保启动主题设置为LaunchTheme：

<resources>
  <style name="LaunchTheme" parent="Theme.AppCompat.NoActionBar">
    <item name="android:windowBackground">@drawable/launch_background</item>
  </style>
</resources>

5. 在iOS中设置启动画面（可选）

在ios/Runner/Assets.xcassets/LaunchImage.imageset中，确保启动图片已经正确配置。

6. 运行应用

完成以上步骤后，运行应用，启动画面将会在应用启动时显示。

通过以上步骤，你可以轻松地为Flutter应用设置启动画面。

回到顶部