flutter_native_splash如何使用

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

  1. 按照文档配置后，安卓端始终显示白屏，iOS却能正常显示图片
  2. 已删除flutter_native_splash.yaml中的旧配置并重新生成，仍然无效
  3. 尝试过flutter clean和重新安装依赖，问题依旧
    想请教大家：
  • 是否需要单独处理安卓的某种特殊配置？
  • 最新版插件是否存在已知的兼容性问题？
  • 有没有完整的成功案例可以参考？
2 回复
  1. 安装包：flutter pub add flutter_native_splash
  2. 在 pubspec.yaml 配置图片路径和背景色
  3. 运行：flutter pub run flutter_native_splash:create
  4. 自动生成启动页，支持安卓和iOS

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


Flutter Native Splash 是一个用于为 Flutter 应用创建原生启动屏幕的包。它通过生成原生代码（Android 和 iOS）来显示自定义启动画面，直到 Flutter 渲染第一帧。以下是基本使用方法：

1. 添加依赖

在 pubspec.yaml 中添加依赖：

dev_dependencies:
  flutter_native_splash: ^2.3.1

2. 配置启动屏幕

在 pubspec.yaml 中定义启动屏幕参数（与 dependencies 同级）：

flutter_native_splash:
  color: "#42a5f5"  # 背景颜色
  image: assets/images/splash.png  # 图片路径（可选）
  android: true  # 启用 Android
  ios: true  # 启用 iOS
  android_gravity: center  # Android 图片位置
  ios_content_mode: center  # iOS 图片缩放模式

3. 生成代码

运行命令生成原生启动屏幕：

flutter pub run flutter_native_splash:create

4. 移除启动屏幕（可选）

如需移除，运行：

flutter pub run flutter_native_splash:remove

注意事项

  • 图片建议使用 PNG 格式，尺寸适配不同屏幕。
  • 配置后需重新编译应用（flutter run）。
  • 在 iOS 中，启动屏幕会替换默认的 LaunchScreen.storyboard。

通过以上步骤，即可快速为应用添加自定义启动屏幕。

回到顶部