Flutter Native SplashScreen图片不显示问题求助
Flutter启动页图片无法显示的解决方案
配置参数修正
你当前flutter_native_splash配置使用的background_image是全屏背景图参数,若要显示启动页Logo,应该改用image参数(可搭配background_color设置背景色)。修改后的配置如下:
flutter_native_splash: android: true ios: true web: false background_color: "#ffffff" # 可选,设置启动页背景色 image: assets/images/logo.png # 指定Logo图片路径
解决图片只读权限问题
VSCode中图片显示只读,说明文件权限受限:
- Windows:右键图片文件→属性,取消「只读」勾选后应用。
- Mac/Linux:终端进入图片所在目录,执行
chmod 644 assets/images/logo.png修改权限。
清除缓存并重新生成资源
即使执行过官方命令,缓存可能导致修改不生效,执行以下完整流程:
- 清除Flutter缓存:
flutter clean - 重新生成启动页资源:
flutter pub run flutter_native_splash:create - 重新构建项目:
flutter run
额外检查项
- 确认图片为PNG格式(避免JPG压缩导致的兼容性问题),若作为Logo,建议尺寸调整为200x200左右,避免拉伸变形。
- 你的
pubspec.yaml中存在重复的flutter_lints: ^2.0.0(位于flutter_icons下方),这会导致配置解析错误,需删除该行。
内容的提问来源于stack exchange,提问作者Russel jones
相关产品推荐
相关产品推荐

