如何实现无固定高度约束的UIStackView适配动态高度双Label？

完全不需要给UIStackView设置固定高度约束，就能实现它随子Label高度动态扩展的效果，我给你拆解具体步骤：

一、先搞定两个Label的关键设置 #

这是动态高度的基础，Label必须能根据内容自动调整高度：

• 把两个Label的numberOfLines设为0（默认是1，只会显示一行），这样文字超出宽度时会自动换行。
• 确保Label的lineBreakMode设为.byWordWrapping（默认就是这个，但最好确认下），避免单词被截断。
• 给Label添加宽度约束：比如让Label的宽度等于StackView的宽度，或者和父视图的宽度绑定（留边距也可以），这样Label才有换行的依据，高度才会跟着内容增长。

二、配置UIStackView的属性 #

StackView本身的设置决定了它如何响应子视图的尺寸变化：

• 把StackView的axis设为垂直方向（Vertical）（如果你的两个Label是上下排列的话，这是最常见的情况）。
• alignment选.fill，让Label填满StackView的宽度，保证换行逻辑正常。
• distribution选.fill即可，这样每个Label会根据自身内容占据对应高度，StackView会自动累加它们的高度加上spacing。
• 按需设置spacing，控制两个Label之间的间距。

三、给StackView加约束（重点：别加高度约束！） #

给StackView设置位置约束就行，比如：

• 顶部约束：绑定到父视图的safeArea或者其他视图的底部。
• 左右约束：绑定到父视图的左右边缘（留边距），或者固定宽度。
• 绝对不要添加height约束！StackView会自动计算所有子视图的高度总和（加上spacing），作为自己的高度。

举个代码示例（Swift） #

如果是用代码实现，大概是这样：

// 初始化第一个动态Label
let topLabel = UILabel()
topLabel.text = "这是一段很长很长的测试文本，当内容超过Label的宽度时，它会自动换行，高度也会跟着内容的多少自动调整，完全不需要手动设置高度约束。"
topLabel.numberOfLines = 0
topLabel.lineBreakMode = .byWordWrapping
topLabel.backgroundColor = .systemGray5 // 方便看效果，可去掉

// 初始化第二个动态Label
let bottomLabel = UILabel()
bottomLabel.text = "这是第二个Label，同样支持动态高度，不管内容是一行还是多行，StackView都会跟着一起扩展高度。"
bottomLabel.numberOfLines = 0
bottomLabel.lineBreakMode = .byWordWrapping
bottomLabel.backgroundColor = .systemGray5

// 创建StackView并添加子视图
let stackView = UIStackView(arrangedSubviews: [topLabel, bottomLabel])
stackView.axis = .vertical
stackView.alignment = .fill
stackView.distribution = .fill
stackView.spacing = 12
stackView.backgroundColor = .systemBlue // 方便看效果，可去掉

// 添加到父视图
view.addSubview(stackView)
stackView.translatesAutoresizingMaskIntoConstraints = false

// 设置StackView的位置约束（无高度约束！）
NSLayoutConstraint.activate([
    stackView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 20),
    stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
    stackView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20)
])

额外注意点 #

• 如果是用Storyboard/XIB实现，操作逻辑完全一致：拖入StackView和两个Label，在属性面板设置Label的numberOfLines为0，给StackView添加top、leading、trailing约束，删除自动生成的height约束即可。
• 如果你的StackView是水平方向，逻辑同理：去掉宽度约束，StackView会根据子视图的总宽度自动扩展。

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