Flutter：不设置Container高度，如何将图标定位在按钮容器右下角？

可以通过 Stack + Align 的组合实现需求，核心是让容器高度由文本内容自适应，同时精准定位图标：

Container(
  padding: EdgeInsets.all(16),
  decoration: BoxDecoration(
    border: Border.all(color: Colors.grey),
    borderRadius: BorderRadius.circular(8),
  ),
  child: Stack(
    fit: StackFit.loose, // 让Stack高度完全由内部内容决定
    children: [
      // 选项按钮，自动撑开Stack的高度
      TextButton(
        onPressed: () {},
        child: Text(
          '这里是问答应用的选项文本，长度可以任意变化，确保能完整显示不会被截断',
          textAlign: TextAlign.start,
        ),
      ),
      // 固定在右下角的图标
      Align(
        alignment: Alignment.bottomRight,
        child: Icon(Icons.check_circle, color: Colors.green),
      ),
    ],
  ),
)

关键细节： #

• Stack 的 fit: StackFit.loose 是核心，它会让容器高度跟随文本内容自动调整，不会出现文本截断的问题。
• Align 组件直接将图标锚定在容器右下角，无论文本长度如何变化，图标位置都保持不变。
• 文本按钮无需设置固定高度，Text 会自动换行适配内容，保证所有文本完整显示。

如果使用自定义按钮组件，只需替换示例中的 TextButton 即可，核心逻辑保持一致——让文本部分撑开容器高度，图标通过 Align 定位。

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