flutter_native_splash

描述

当你的应用程序打开时，会有一段短暂的时间来加载本机应用程序。默认情况下，在此期间，本机应用程序会显示一个白色闪屏。这个包自动生成iOS、Android和Web原生代码，用于定制这个原生闪屏背景颜色和闪屏图像。支持黑暗模式、全屏和特定于平台的选项。

安装

1
flutter pub add flutter_native_splash

配置

在 pubspec.yaml 添加 flutter_native_splash 相关配置

这个包生成本机代码来定制Flutter的默认白色本机启动屏幕带有背景色和飞溅图像。
自定义以下参数，并在终端中运行以下命令：flutter pub run flutter_native_splash：create
要恢复Flutter默认的白色闪屏，请在终端中运行以下命令：flutter pub run flutter_native_splash：remove

1
2
3
4
5
6
# 处理app启动页
flutter_native_splash:
  # 背景颜色  
  color: "#ffffff"
  # logo
  image: "assets/images/app_icon.png"

执行以下命令生成闪屏!

1
flutter pub run flutter_native_splash：create

或者指定 对应路径的 yml 文件

1
flutter pub run flutter_native_splash:create --path=path/to/my/file.yaml

参数

color或background_image是唯一必需的参数。使用颜色设置背景的闪屏设置为纯色。
使用background_image设置闪屏到png图像。这对于渐变很有用。图像将被拉伸到应用程序的大小。
只能使用一个参数，不能同时设置color和background_image。

参数值描述
color“#42a5f5” / “#ffffff”设置闪屏背景颜色(纯色)
background_image“assets/background.png”设置闪屏到png图像。
image“assets/images/app_icon.png”指定启动屏幕中使用的图像。
branding“assets/dart.png”允许您指定在启动屏幕中用作品牌的图像。
branding_modebottom要将品牌图像定位在屏幕底部，可以使用bottom、bottomRight，和左下角。如果未指定或指定了其他内容，则默认值为bottom。
color_dark“#000000”设置背景的参数和图像，当设备处于黑暗模式时!
background_image_dark“assets/dart_dark.png”设置背景的参数和图像，当设备处于黑暗模式时!
image_dark“assets/dart_dark.png”设置背景的参数和图像，当设备处于黑暗模式时!
branding_dark“assets/dart_dark.png”设置背景的参数和图像，当设备处于黑暗模式时!