SwiftUI开发中VStack内部长Text文本被压缩显示问题求助

问题原因 #

• SwiftUI 的 HStack 布局默认会优先满足有明确固定尺寸的视图的布局需求，你代码中的 Image 设置了固定 50x50 的尺寸，属于不可压缩的视图，剩余的可用空间才会分配给其他无明确尺寸约束的视图。
• 你代码中包裹两个 Text 的内部 VStack 没有设置宽度约束，系统默认会允许 Text 被压缩截断，以此保证 HStack 不会超出父视图的宽度，最终表现就是长文本没有得到足够的宽度进行换行，直接被压缩。

解决方案 #

你可以任选以下一种方式修复：

1. 给包裹 Text 的内部 VStack 添加最大宽度约束，让它占满 Image 之外的所有可用宽度：

VStack(alignment: .leading) {
    Text(shortText)
    Text(longDescription)
        .lineSpacing(4)
}
.frame(maxWidth: .infinity, alignment: .leading) // 新增这行

2. 给长文本提高布局优先级，让系统优先满足它的布局需求，避免被压缩：

Text(longDescription)
    .lineSpacing(4)
    .layoutPriority(1) // 新增这行，默认布局优先级为0，更高的值会被优先分配布局空间

3. 若还存在垂直方向的截断问题，可以添加固定尺寸约束，允许水平方向适配父视图宽度，垂直方向完全展示内容：

Text(longDescription)
    .lineSpacing(4)
    .fixedSize(horizontal: false, vertical: true) // 新增这行

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