如何让SwiftUI优先贴合指定控件，强制其他控件截断？

简洁实现方案 #

无需叠加VStack，通过fixedSize结合布局约束就能轻松实现需求：让Headline决定容器宽度，Byline在该宽度内自动截断。

代码示例 #

struct HeadlineBylineView: View {
    let headlineText = "短标题示例"
    let bylineText = "这是一条超长的副标题内容，测试截断效果，确保只显示一行并在末尾省略"
    
    var body: some View {
        VStack(alignment: .leading, spacing: 6) {
            // 让标题保持自身所需宽度，不被压缩
            Text(headlineText)
                .font(.headline)
                .fixedSize(horizontal: true, vertical: false)
            
            // 副标题填充容器宽度，单行截断
            Text(bylineText)
                .font(.subheadline)
                .foregroundColor(.secondary)
                .lineLimit(1)
                .truncationMode(.tail)
                .frame(maxWidth: .infinity, alignment: .leading)
        }
        // 锁定整个VStack宽度由标题决定，避免被外部布局拉伸
        .fixedSize(horizontal: true, vertical: false)
        .padding()
        .border(.gray) // 可选：显示边框，方便直观验证容器宽度
    }
}

逻辑说明 #

• fixedSize(horizontal: true, vertical: false)作用于Headline，确保它完整显示自身内容、不被压缩，直接确定了VStack的基础宽度。
• Byline通过lineLimit(1)强制单行显示，truncationMode(.tail)设置末尾截断，再配合frame(maxWidth: .infinity)填充VStack的宽度（即Headline的宽度），自然触发截断逻辑。
• 给整个VStack添加fixedSize，防止外部布局把容器拉宽，始终保持宽度由Headline主导。

如果Headline本身可能过长需要截断，只需给Headline也加上lineLimit(1)，容器宽度会自动变为Headline截断后的宽度，Byline依然会在该宽度内截断。

内容的提问来源于stack exchange，提问作者Mark A. Donohoe