Jetpack Compose Card组件占用空间过大问题排查与解决

问题场景 #

开发Blood Bowl参考应用时，遇到以下布局矛盾：

• 顶部Card无法紧密包裹内部的文本和数字内容
• 移除Row的IntrinsicSize.Min后，左侧承载天气图标和数字的Column的fillMaxHeight()失效，深色背景无法铺满Card的整个高度
• 保留Row的IntrinsicSize.Min才能让fillMaxHeight()生效，但会导致Card无法紧密贴合内容
• 额外问题：最后一个Column如果不添加16dp内边距，底部Card的尺寸会过小
• 核心需求：让天气图标和数字区域的深色背景铺满Card高度，同时Card能紧密包裹内部内容

解决思路（已验证可行） #

通过间接调整布局逻辑和样式，平衡两个需求：

1. 反转配色方案：将Card整体设置为深色背景，右侧文本区域使用浅色背景，替代“左侧Column单独深色背景并撑满高度”的逻辑，避免依赖fillMaxHeight()实现背景铺满
2. 为图标添加水平内边距：给天气图标设置合适的左右内边距，既保证视觉空间，又让Card能根据内容自动适配高度，无需额外内边距强制撑大尺寸
3. 保留Row的IntrinsicSize.Min：维持子元素的高度对齐，确保布局整体的视觉一致性，同时配合上述调整，让Card既能紧密包裹内容，又实现背景区域的视觉铺满效果

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