Flutter中如何让图标置于Row组件首行末尾单词旁？

要让图标紧贴文本的最后一个单词且不分离，同时完整显示文本，你需要把图标嵌入文本流，而非用Row作为独立组件布局。原来的Row+Flexible会让Text占满Row的可用宽度，导致文本末尾和图标之间出现空白，改用RichText结合WidgetSpan就能解决问题：

RichText(
  text: TextSpan(
    // 继承当前上下文的默认文本样式，避免样式不一致
    style: DefaultTextStyle.of(context).style,
    children: [
      // 动态文本内容
      TextSpan(text: 'asdh ksajdh aksdjhaskdjhas dkasjdh d peodnnasjdu'),
      // 嵌入图标作为文本的一部分
      WidgetSpan(
        child: Padding(
          padding: const EdgeInsets.only(left: 4.0), // 可选：给图标加左间距，避免和文本挤在一起
          child: Icon(
            Icons.account_balance_sharp,
            size: 16, // 调整图标大小匹配文本高度
          ),
        ),
      ),
    ],
  ),
)

方案优势： #

• WidgetSpan会把图标当作文本的一个"字符"处理，完全融入文本流，自动跟随最后一个单词，不管文本是否换行都不会分离
• 文本完整显示，无需设置textOverflow
• 可通过padding和size调整图标与文本的间距、匹配度，保证视觉协调

如果需要保留Row布局（比如还有其他组件），可以将这个RichText放在Row的子组件中，它会像普通Text一样占据合适宽度，图标始终紧贴文本末尾。

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