使用flutter_native_splash生成的启动页在真机模糊？Figma绘制规范咨询

模糊的核心根因 #

• 版本适配盲区：你使用的0.1.9版本flutter_native_splash完全不支持SVG格式作为源图输入，包的自动生成逻辑仅能读取本地PNG格式位图资源，自动缩放生成各屏幕密度对应的drawable文件。如果你是从Figma导出SVG后直接修改文件后缀为PNG，本质是用矢量图的低分辨率预览帧生成了位图，经过多次缩放后必然出现边缘模糊、像素块问题。
• 源图分辨率不足：配置中开启的fill: true会强制将源图拉伸适配全屏启动页区域，若源图像素尺寸低于xxxhdpi密度要求的1242×2208最高清标准，不管怎么调整字体大小，拉伸后都会出现清晰度损失。

Figma绘图阶段的操作规范 #

1. 必须设置固定尺寸的画布 #

不要在无限矢量画布上直接设计存图，导出源图时必须按安卓最高清启动页的标准设置画布尺寸：1242px宽 × 2208px高。这个尺寸是目前全机型安卓启动页的最高分辨率基准，生成包会自动基于这个尺寸等比缩放生成mdpi、hdpi、xhdpi等低等级密度的资源，无需手动适配。

• 画布背景色要和配置文件中的color值完全一致，避免启动页加载时出现颜色跳变
• 所有设计元素不要贴近画布边缘，给系统状态栏、导航栏预留符合安全区规范的边距

2. 文本必须设置固定像素字号 #

不要使用相对自适应的文本大小，所有文本都要绑定固定的像素值：

• 居中主文本：建议字号范围在64px~96px之间，调整时保证主文本总宽度不超过画布宽度的70%，避免在窄屏设备上被裁切
• 主文本下方的副标题：建议字号范围在28px_{40px之间，与主文本保持48px}64px的固定行间距，两个文本组成的整体块垂直居中放置在画布上
• 导出前要将所有文本图层栅格化，避免因为导出时字体缺失导致文字边缘发虚

3. 源图导出注意事项 #

不要将SVG作为源图存放到项目中，在Figma导出面板选择PNG格式，导出倍率选3x，确保最终导出的PNG文件尺寸和设置的1242×2208画布完全匹配，替换掉assets目录下原有的低分辨率splash.png文件。

配置文件微调建议 #

当前配置中的fill: true会强制拉伸图片适配全屏，若你的源图已经是全屏满尺寸，完全可以移除该配置项，使用包默认的居中适配逻辑，避免不必要的拉伸导致清晰度损失：

flutter_native_splash:
  image: assets/images/splash.png
  color: "#ffffff"
  android_disable_fullscreen: false

调整完成后，先删除项目中之前生成的旧drawable资源，再重新执行flutter pub run flutter_native_splash:create命令，生成的启动图在真机上即可达到清晰的显示效果。

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