如何在ScrollView嵌套StackView中实现UITableView自动高度（SnapKit）

核心问题在于：ScrollView 需要明确的内容高度才能正常滚动，而 UITableView 默认不会主动向父视图（StackView）报告自身的动态高度。要实现自动适配，需要从动态更新UITableView高度和正确约束ScrollView/StackView两方面入手：

1. 给UITableView绑定动态高度约束 #

首先给UITableView添加一个可修改的高度约束引用，后续根据内容高度实时更新：

// 先声明一个高度约束变量
private var tableViewHeightConstraint: Constraint?

// 初始化UITableView并添加到StackView
let tableView = UITableView()
tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = 80
// 别忘了注册cell、设置dataSource/delegate等
stackView.addArrangedSubview(tableView)

// 用SnapKit设置约束，保存高度约束
tableView.snp.makeConstraints { make in
    make.leading.trailing.equalToSuperview()
    // 先设一个初始高度，后续动态更新
    tableViewHeightConstraint = make.height.equalTo(80).constraint
}

2. 监听UITableView内容变化，更新高度约束 #

当UITableView的contentSize变化时（比如加载数据、cell高度变化），同步更新高度约束：

方法一：使用KVO监听contentSize #

// 在viewDidLoad中添加监听
override func viewDidLoad() {
    super.viewDidLoad()
    tableView.addObserver(self, forKeyPath: "contentSize", options: .new, context: nil)
}

// 实现监听回调
override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    guard keyPath == "contentSize", let tableView = object as? UITableView else {
        super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
        return
    }
    // 动画更新高度，提升体验
    UIView.animate(withDuration: 0.25) {
        self.tableViewHeightConstraint?.update(offset: tableView.contentSize.height)
        self.view.layoutIfNeeded()
    }
}

// 记得在销毁时移除监听
deinit {
    tableView.removeObserver(self, forKeyPath: "contentSize")
}

方法二：数据源更新后手动触发 #

如果你的数据更新时机明确（比如调用reloadData()后），可以直接在更新后手动更新高度：

// 加载数据后调用
tableView.reloadData()
// 等待布局完成后更新高度
DispatchQueue.main.async {
    self.tableViewHeightConstraint?.update(offset: self.tableView.contentSize.height)
}

3. 正确配置ScrollView与StackView的约束 #

这一步是基础，很多适配问题都源于ScrollView约束错误：

let scrollView = UIScrollView()
view.addSubview(scrollView)

// ScrollView与父视图安全区四边对齐
scrollView.snp.makeConstraints { make in
    make.edges.equalTo(view.safeAreaLayoutGuide)
}

let stackView = UIStackView()
stackView.axis = .vertical
stackView.spacing = 16
scrollView.addSubview(stackView)

// 关键：用ScrollView的contentLayoutGuide和frameLayoutGuide约束StackView
stackView.snp.makeConstraints { make in
    // StackView撑满ScrollView的内容区域
    make.edges.equalTo(scrollView.contentLayoutGuide)
    // 保证StackView宽度与ScrollView一致，避免横向滚动
    make.width.equalTo(scrollView.frameLayoutGuide)
}

额外注意事项 #

• 确保UITableView的cell内部约束完整：cell的子视图要从top到bottom建立连续的约束链，没有缺失，这样automaticDimension才能正确计算行高。
• 如果StackView中还有其他视图，它们的约束也要正确，确保StackView能正确计算自身总高度，从而撑住ScrollView的内容。
• 不要给UITableView同时设置top、bottom和height约束，避免冲突，只保留leading、trailing和动态更新的height即可。

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