flutter 配置 安卓、Ios启动图

android 配置启动图

launch_background.xml

注意：这里在drawable和drawable-v21目录中的两个文件都需要更换android:gravity=“fill” 就是铺满，android:gravity=“center”，图片居中，通常用于 logo + 纯色背景

AndroidManifest.xml

android:theme=“@style/LaunchTheme” 如下图添加位置

mipmap-mdpi

这几个文件内部吧launch.png图片放进去

• 重新运行就可以了

iOS 启动页配置

iOS的启动页通常是Storyboard文件：ios/Runner/Base.lproj/LaunchScreen.storyboard

步骤

1. 打开 ios/Runner.xcworkspace（Xcode工程）
2. 到 LaunchScreen.storyboard 文件
3. 你可以在Storyboard里编辑启动页的布局、图片和背景颜色
4. 启动页的颜色也可以在 Info.plist 的 UILaunchStoryboardName 项确认为 LaunchScreen

推荐自动化方案 你也可以用Flutter插件

• 你也可以用Flutter插件 flutter_native_splash 来自动帮你生成配置启动页。

使用示例

安装插件
dev_dependencies:
  flutter_native_splash: ^2.2.10

yaml配置

flutter_native_splash:
  color: "#ffffff"  # 启动页背景色（可根据图片底色自定义）
  image: assets/launch.png  # 一整张图的路径
  android: true
  ios: true
  fullscreen: true  # 推荐设置为 true，一整张图全屏展示

解构
your_project/
├── assets/
│   └── launch.png   ← 一整张启动图

在 pubspec.yaml 中声明图片资源

flutter:
  assets:
    - assets/launch.png

运行

flutter pub run flutter_native_splash:create