SwiftUI布局：如何让actionText根据标题长度自适应min/maxWidth？

问题出在HStack的布局逻辑上：默认情况下，HStack会给子视图分配它们所需的最小空间，即便有剩余空间，右侧的actionText也不会主动扩展到maxWidth，因为没有约束驱动它填充剩余空间。

修改后的代码 #

public var body: some View {
    HStack(spacing: 8) {
        VStack {
            if let title, !title.isEmpty {
                Text(title)
            }
            if let subtitle, !subtitle.isEmpty {
                Text(subtitle)
            }
        }
        .layoutPriority(1)
        
        // 新增Spacer，用于占据左侧VStack和右侧actionText之间的剩余空间
        Spacer(minLength: 0)

        if let actionText, !actionText.isEmpty {
            Text(actionText)
                .textStyle(.body)
                .frame(minWidth: 45, maxWidth: 96, alignment: .trailing)
                .lineLimit(3)
        }
    }
}

原理说明 #

1. 左侧优先布局：layoutPriority(1)确保标题/副标题优先占据所需空间，当内容较长时，会挤压中间的Spacer到最小长度（0），此时右侧actionText只能使用minWidth，并通过lineLimit(3)实现垂直换行。
2. 右侧自动扩展：当标题/副标题较短时，Spacer会填充左侧剩余的空间，将actionText推至右侧，此时actionText会根据自身内容长度，在minWidth到maxWidth（96）的范围内自动调整宽度，内容过长时仍会限制在3行内。

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