iOS 15.0及以下版本UIStackView子项宽度异常问题求助

问题根源 #

UIStackView的Fill proportionally分布在iOS 15.0及以下版本中，对带有intrinsicContentSize的控件（如按钮）的宽度计算逻辑存在缺陷，会忽略按钮的文本自适应宽度，强制按比例拉伸按钮；而iOS 15.5+修复了这个计算逻辑，所以显示正常。

修复步骤 #

1. 修改StackView的Distribution属性 #

在Storyboard中选中StackView，在Attributes Inspector里将Distribution从Fill proportionally改为Equal Spacing。这个分布模式在全iOS版本中都能更好地尊重子视图的固有内容尺寸，同时保持子视图间的间距设置。

2. 调整按钮的内容优先级 #

选中每个按钮，打开Size Inspector，调整以下两个优先级：

• Horizontal Content Hugging Priority：设置为251（比默认值高1，确保按钮优先保持自身文本宽度，拒绝被过度拉伸）
• Horizontal Content Compression Resistance Priority：设置为751（比默认值高1，确保按钮不会被压缩到比文本宽度更小）

3. 确认横向滚动的约束设置（若未配置） #

如果StackView是通过UIScrollView实现横向滚动，需确保约束正确：

• 将UIScrollView的Frame Layout Guide与父视图的Leading、Trailing、Top、Bottom完全对齐
• 将UIScrollView的Content Layout Guide与StackView的Leading、Trailing、Top、Bottom完全对齐
• 给StackView添加固定高度约束（或与父视图高度绑定），避免纵向滚动
• 不要给StackView设置固定宽度约束，让其根据子视图内容自动计算宽度，触发ScrollView的横向滚动

4. 版本验证 #

在iOS 15.0模拟器中测试，按钮会根据文本内容自适应宽度，不会出现过度拉伸，同时超出屏幕的内容可通过横向滚动查看。

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