You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何调整pub包flutter_native_splash中启动页图片的展示尺寸?

flutter_native_splash 1.3.1版本减小启动页图片展示尺寸的实现方式
  • 打开项目根目录下的pubspec.yaml文件,找到flutter_native_splash配置节点
  • 添加尺寸控制参数:
    • 全局配置所有平台生效:添加image_size参数,参数值为最大展示尺寸(单位dp),图片会按原始比例缩放,不会出现拉伸变形
    • 单独配置Android平台生效:添加android_image_size参数,优先级高于全局配置
    • 单独配置iOS平台生效:添加ios_image_size参数,优先级高于全局配置
      完整配置示例如下:
    flutter_native_splash:
      # 启动页背景色
      color: "#f5f5f5"
      # 启动页图片路径
      image: assets/images/splash_logo.png
      # 全局配置图片最大尺寸为180dp
      image_size: 180
      # 单独指定Android端图片最大尺寸为200dp
      android_image_size: 200
      # 单独指定iOS端图片最大尺寸为160dp
      ios_image_size: 160
      android: true
      ios: true
    
  • 保存配置文件后,在项目根目录执行启动页生成命令:
    flutter pub run flutter_native_splash:create
  • 配置不生效时的处理:
    先执行flutter clean清理项目缓存,再重新运行生成命令,卸载设备上的旧应用后重新安装测试即可

注意:不要手动修改Android/iOS原生工程内的启动页布局文件,后续重新执行生成命令会直接覆盖手动修改的内容

内容的提问来源于stack exchange,提问作者Hira Kauchha

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 14:36:02