UIStackView的Fill Proportionally布局异常：Storyboard预览正常运行失效

这种情况我之前踩过好几次坑，明明Storyboard预览里布局完全符合预期，一运行就走样，大多是StackView的比例计算被子视图的固有约束干扰了，给你几个具体的排查和解决方向：

• 调整UITableView的内容优先级
  UITableView默认自带基于内容的固有高度，这会让StackView在计算比例时“犹豫”。你需要把TableView垂直方向的Content Hugging Priority（内容拥抱优先级）和Content Compression Resistance Priority（内容压缩抵抗优先级）都调低，比如设为250，让StackView的80%/20%比例约束成为布局主导。

• 给底部UIView明确尺寸参考
  如果底部的UIView没有足够的内部约束或固定高度，StackView没法准确计算20%的比例。你可以给它加一个低优先级的高度约束（比如优先级250），或者确保它内部的元素（比如按钮、标签）已经撑出了明确的高度，同时把底部View垂直方向的Content Hugging Priority设高一点（比如750），让StackView分配空间时能以此为参考。

• 确认StackView的约束完整性
  StackView必须被完全约束到父视图的leading、trailing、top、bottom四个边缘，不能有任何尺寸不确定的情况。如果StackView本身的高度是动态变化且没有被约束死，Fill Proportionally的比例计算就会失效。

• 排查约束冲突
  打开Xcode的Debug View Hierarchy（调试视图层次），查看运行时有没有约束冲突的警告。有时候预览时没有数据，TableView是空的，运行后加载了数据导致约束冲突，StackView会自动调整布局来“妥协”。也可以在Storyboard里用Resolve Auto Layout Issues工具检查潜在的约束问题。

• 代码强制设置StackView属性
  偶尔Storyboard里的设置会因为某些原因不生效，你可以在ViewController的viewDidLoad里手动设置：

  override func viewDidLoad() {
      super.viewDidLoad()
      stackView.distribution = .fillProportionally
      // 确保子视图的内边距不会干扰布局
      tableView.layoutMargins = .zero
      footerView.layoutMargins = .zero
  }
  

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