Flutter中是否提供hashtag图标？如何将其设为TextField的前缀图标？

核心资源说明 #

• 你需要的hashtag（井号）图标属于Material设计体系的内置图标资源，Flutter默认的Icons组件库已经打包了全量Material图标，不需要额外下载素材、引入第三方依赖。
• 可直接调用的对应图标常量：
  • 实心风格hashtag：Icons.tag，完全匹配Material视觉规范
  • 线框风格hashtag：Icons.tag_outlined，可适配线框类输入框的设计风格

代码补全参考 #

你现有代码中prefixIcon字段为空，直接填入内置图标即可完成配置；同时可以移除原代码中hintText前多余的手动空格，因为prefixIcon会自动预留内边距，不需要手动调整文本对齐：

Container(
  width: 160,
  height: 55,
  margin: EdgeInsets.only(left: 8, right: 10),
  child: TextField(
    controller: hashtagcontroller2,
    decoration: InputDecoration(
      hintText: 'Hashtag2',
      // 替换为空的prefixIcon字段，传入Material内置hashtag图标
      prefixIcon: Icon(Icons.tag),
      border: OutlineInputBorder(
        borderRadius: const BorderRadius.all(
          const Radius.circular(30.0),
        ),
        borderSide: BorderSide(width: 2, color: Colors.black),
      ),
      focusedBorder: OutlineInputBorder(
        borderRadius: const BorderRadius.all(
          const Radius.circular(40.0),
        ),
        borderSide: BorderSide(width: 2, color: Colors.black),
      ),
    ),
  ),
)

微调技巧 #

如果需要调整图标和输入文本的间距，可以给prefixIcon外层嵌套Padding组件修改内边距，不需要通过修改hintText的前置空格做视觉对齐。

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