SwiftUI中Popover高度不匹配多行文本内容的解决方案咨询

要解决这个问题，核心是给Popover的内容容器添加宽度约束，让文本有换行空间，同时无需依赖fixedSize强制高度适配。具体实现如下：

修改后的代码 #

let texts = [
    "Long long long long long long long long long long text",
    "text",
    "text",
    "text",
    "LAST"
]

ZStack {}
.popover(isPresented: .constant(true), arrowEdge: .trailing) {
    VStack(alignment: .leading, spacing: 8) {
        ForEach(texts, id: \.self) { text in
            Text(text)
                .multilineTextAlignment(.leading)
        }
    }
    .frame(maxWidth: 300) // 限制最大宽度，触发文本换行
    .padding() // 增加内边距提升视觉体验
    .presentationCompactAdaptation(.popover)
}

原理说明 #

• 原问题中，Popover内容默认无宽度限制，Text会无限拉伸宽度避免换行；添加fixedSize(horizontal: false, vertical: true)后，文本虽能换行，但会脱离Popover的高度自适应逻辑。
• 给内容容器（如示例中的VStack）设置frame(maxWidth: 300)，强制文本在指定宽度内换行，此时Text会自动根据内容调整高度，容器高度也会适配内容，最终Popover会匹配内容的实际高度。
• 可根据需求调整maxWidth数值，或用frame(width: 300)设置固定宽度，效果一致。

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