Flutter中TextField的prefixIcon和suffixIcon不生效仅显示方框叉号

问题排查方案 #

1. 确认Material图标支持已开启

你当前使用的Icons.search属于Material Design图标库，即使导入了Cupertino相关依赖，也需要在pubspec.yaml的flutter配置块下开启Material图标开关：

flutter:
  uses-material-design: true # 确保这一行存在且未被注释

配置修改后执行flutter pub get，完全重启项目后再验证（热重载可能不会更新资源配置）。
如果你确认相同图标在项目其他位置可正常渲染，可跳过这一步，优先排查后续问题。

2. 检查图标颜色配置

你当前设置的输入框填充色为浅灰色0xFFEEEEEE，如果当前上下文的IconThemeData颜色和背景色接近、或是被设置为透明，会出现类似失效的显示效果，你可以手动给Icon组件指定固定颜色验证：

prefixIcon: Icon(Icons.search, color: Colors.black)

3. 检查内边距挤压问题

你给InputDecoration设置的contentPadding top值为10，而外层Container高度仅为55，部分场景下前缀图标的绘制区域会被挤压导致渲染异常，可以先移除contentPadding配置验证是否恢复显示，再根据需求调整内边距数值。

4. 验证图标库冲突问题

如果项目中存在自定义图标库配置、或是第三方依赖覆盖了默认的Icons类实现，也会导致内置Material图标找不到资源，你可以替换为Cupertino图标验证是否正常显示：

prefixIcon: Icon(CupertinoIcons.search)

内容的提问来源于stack exchange，提问作者Johan Jomy