Android Jetpack Compose中Card内最后一张卡片Image宽度不全、Text不显示问题

代码的异常由两个布局细节叠加触发，完全匹配Compose的布局测量逻辑：

• 根容器缺少明确尺寸约束
  最外层的根Column没有添加尺寸相关修饰符，默认采用wrap_content规则：容器宽度自动匹配最宽子项的宽度，高度自动累加所有子项的总高度，不会主动占满屏幕可用空间。测量时容器从上到下逐个子项分配空间，前两个Card测量时剩余垂直空间充足，内部图片按固有尺寸计算大小，宽度刚好匹配容器宽度，显示完全正常。轮到第三个Card测量时，前两个Card已经消耗了大部分垂直空间，分配给第三个Card的可用高度被大幅压缩。
• Image组件未固定宽度计算规则
  所有Image组件都没有指定宽度约束，默认会根据父容器传递的高度限制，结合原图宽高比反推自身宽度。当第三个Card拿到的高度约束变小时，Image为了保持图片比例，计算出的宽度会远小于父容器的可用宽度，直接表现为“Image宽度未占满可用空间”。同时Image按计算出的尺寸占满了分配给第三个Card的全部垂直空间，排在后面的Text组件没有剩余空间完成测量，因此无法正常渲染。
  前两个Card因为测量时剩余高度充足，Image没有触发“按高度反推宽度”的计算逻辑，即便复用同一张图片资源，也不会出现同样的异常。

• 给最外层根Column添加Modifier.fillMaxSize()，明确让容器占满全部可用屏幕空间，避免容器尺寸随子项动态收缩
• 给所有Image组件添加Modifier.fillMaxWidth()，强制让图片宽度匹配父容器可用宽度，配合contentScale参数调整图片的显示缩放/裁剪规则，让图片高度根据宽度等比例自动计算，彻底避免高度约束反向影响图片宽度的问题
• 如果卡片总高度超过屏幕可视范围，可给外层容器添加verticalScroll(rememberScrollState())修饰符，避免内容被挤压溢出

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