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

Flutter已配置uses-material-design:true但Google Icons图标不显示问题

Flutter配置uses-material-design后图标仍无法显示的解决方法
  • 第一步:测试基础图标可用性
    先替换你当前使用的Icons.six_mp_sharp为通用基础图标(比如Icons.home),重新冷启动项目。如果基础图标可以正常显示,说明你当前使用的Flutter SDK版本过低,未包含six_mp_sharp这类较新的Material Design图标,执行下一步即可。
  • 第二步:升级Flutter SDK并重置构建缓存
    依次在项目根目录执行以下命令:
flutter upgrade
flutter clean
flutter pub get

执行完成后完全关闭当前运行的应用,重新启动项目,不要使用热重载/热重启功能。

  • 第三步:处理release打包场景的图标丢失问题
    如果debug模式图标显示正常,release打包后图标消失,可按以下两种方式处理:
  1. 打包时添加禁止摇树优化图标参数:
flutter build apk --no-tree-shake-icons
# 对应iOS打包执行 flutter build ios --no-tree-shake-icons
  1. 关闭Android端的资源压缩:打开android/app/build.gradle文件,找到release配置块,修改为:
buildTypes {
    release {
        minifyEnabled false
        shrinkResources false
        signingConfig signingConfigs.debug
        // 此处signingConfig替换为你自己的签名配置即可
    }
}
  • 第四步:检查yaml配置格式
    确认pubspec.yaml中uses-material-design: true的缩进为2个空格,归属在flutter:节点下,不要使用Tab缩进,yaml格式对缩进规则要求严格,格式错误会导致配置不生效。你给出的配置格式是正确的,可跳过本步。

内容的提问来源于stack exchange,提问作者Mohammad Abd-Elmoniem

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.24 10:06:04