flutter_native_splash插件如何使用

我在Flutter项目中尝试使用flutter_native_splash插件来设置启动页，但遇到了一些问题：

  1. 按照文档在pubspec.yaml中添加配置后，运行flutter pub run flutter_native_splash:create命令没有生效
  2. 不知道如何正确配置不同尺寸的启动图，特别是需要适配哪些分辨率？
  3. 启动页显示后会出现短暂白屏才进入首页，有没有办法优化？
  4. 在iOS和Android平台上是否需要分别配置不同的图片资源？

希望能得到关于这个插件具体使用方法的详细指导，最好能提供完整的配置示例。

2 回复
  1. 添加依赖：flutter pub add flutter_native_splash
  2. 创建配置：在pubspec.yaml中定义图片路径和背景色
  3. 生成启动页：运行flutter pub run flutter_native_splash:create
  4. 完成：重新编译应用即可生效

更多关于flutter_native_splash插件如何使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter Native Splash 插件用于为 Flutter 应用创建原生启动屏（Splash Screen）。以下是基本使用步骤：

1. 安装插件

在 pubspec.yaml 中添加依赖：

dev_dependencies:
  flutter_native_splash: ^2.4.0

运行命令安装：

flutter pub get

2. 配置启动屏

在 pubspec.yaml 中添加配置：

flutter_native_splash:
  color: "#42a5f5"           # 背景色
  image: assets/splash.png   # 图片路径（可选）
  android: true              # 启用 Android
  ios: true                  # 启用 iOS

3. 生成启动屏

运行命令生成配置：

flutter pub run flutter_native_splash:create

4. 移除默认 Flutter 启动屏（Android）

  • 编辑 android/app/src/main/AndroidManifest.xml，移除 <meta-data> 中 io.flutter.embedding.android.SplashScreenDrawable 的引用（如已存在）。

注意事项

  • 图片建议使用 PNG 格式，尺寸适配不同屏幕。
  • 配置后需重新编译应用（flutter run）。
  • 可通过 remove 命令移除启动屏：flutter pub run flutter_native_splash:remove

此插件简化了原生启动屏的配置，确保应用启动时显示自定义界面。

回到顶部