flutter_native_splash闪屏图片在iOS和Android居中的解决方案咨询

不需要修改原生代码，调整flutter_native_splash的配置就能解决图片居中问题，核心是添加resize_mode参数控制图片缩放逻辑：

修改后的pubspec.yaml配置 #

flutter_native_splash: ^2.2.19

flutter_native_splash:
  color: "#ffffff"
  image: assets/images/splash_screen.jpeg
  resize_mode: fill # 控制图片缩放模式，可选值：fill/cover/contain
  android: true
  ios: true
  fullscreen: true
  # 如需适配Android 12+，可补充以下配置
  android_12:
    image: assets/images/splash_screen.jpeg
    color: "#ffffff"
    resize_mode: fill

参数说明 #

• resize_mode: fill：图片拉伸至填充整个屏幕，直接消除居中留白
• resize_mode: cover：保持图片比例，裁剪边缘填充屏幕（无变形）
• resize_mode: contain：默认值，保持图片比例居中显示（即你当前遇到的情况）

修改配置后，重新执行生成命令生效：

flutter pub run flutter_native_splash:create

内容的提问来源于stack exchange，提问作者MikeNabil