如何调整flutter_native_splash包启动屏图片尺寸并在图片下方添加文字？

效果参考 #

• 预期效果：
  
• 实际效果：
  

Q1：启动屏图片尺寸大于预期的缩小方法 #

• 方法1：调整配置参数
  在pubspec.yaml的flutter_native_splash配置节点下，修改适配属性：

  flutter_native_splash:
    # 安卓端设置图片居中显示，避免拉伸放大
    android_gravity: center
    # iOS端设置图片居中显示
    ios_content_mode: center
  

  修改完成后运行命令重新生成启动屏配置：
  flutter pub run flutter_native_splash:create
• 方法2：调整源图尺寸
  直接缩小你用于生成启动屏的原始logo图片的分辨率，比如原分辨率是10801080，可等比缩小到720720后再重新运行生成命令即可。
  注意：不要直接修改安卓/iOS原生项目内的生成后图片，重新运行生成命令会覆盖修改内容，所有调整都要修改源文件和pubspec配置。

Q2：启动屏图片下方添加文字的实现方法 #

有两种实现方案可选：

• 方案1：合图实现（推荐，适配成本最低）
  直接在设计工具中把logo和下方文字拼合为一张完整的启动屏图片，替换原来的启动图源文件后，重新运行生成命令即可，不用修改任何原生代码，不同设备的适配效果和设计稿一致。
• 方案2：修改原生布局实现（适合需要动态调整文字的场景）
  flutter_native_splash 1.3.1版本没有提供直接加文字的配置项，需要分别修改两端原生的启动页布局：
  • 安卓端：修改res/drawable目录下的launch_background.xml，新增TextView控件，设置对应的文字内容、字号、颜色、位置属性即可
  • iOS端：修改LaunchScreen.storyboard，添加UILabel控件到logo下方，配置对应样式即可
    注意：修改原生布局后不要再运行flutter_native_splash的生成命令，否则自定义的布局会被默认配置覆盖。

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