在静态UITableViewController上层添加随键盘移动的Next按钮问题

嘿，我刚好碰到过类似的注册流程场景，给你几个能完美解决的方案，既不用大改现有结构，还能让Next按钮稳稳固定在页面底部，并且随键盘自动上移：

这个方案不需要改动你现有的UITableViewController结构，直接在tableView上挂载按钮，通过约束和键盘通知实现需求：

步骤1：创建并布局Next按钮 #

在你的UITableViewController的viewDidLoad里添加以下代码：

// 保存底部约束的引用，方便后续调整键盘事件
private var nextButtonBottomConstraint: NSLayoutConstraint?

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 创建Next按钮
    let nextButton = UIButton(type: .system)
    nextButton.setTitle("Next", for: .normal)
    nextButton.titleLabel?.font = UIFont.systemFont(ofSize: 16, weight: .semibold)
    nextButton.addTarget(self, action: #selector(nextButtonTapped), for: .touchUpInside)
    nextButton.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(nextButton)
    
    // 设置固定约束：左右边距、高度、底部贴安全区
    let leadingConstraint = nextButton.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16)
    let trailingConstraint = nextButton.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16)
    let heightConstraint = nextButton.heightAnchor.constraint(equalToConstant: 44)
    nextButtonBottomConstraint = nextButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
    
    NSLayoutConstraint.activate([leadingConstraint, trailingConstraint, heightConstraint, nextButtonBottomConstraint!])
}

@objc private func nextButtonTapped() {
    // 这里写跳转下一页的逻辑
    print("Next button tapped!")
}

步骤2：添加键盘监听，让按钮随键盘移动 #

在viewWillAppear和viewWillDisappear里注册/移除键盘通知，然后处理位移逻辑：

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    // 注册键盘通知
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow), name: UIResponder.keyboardWillShowNotification, object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide), name: UIResponder.keyboardWillHideNotification, object: nil)
}

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)
    // 移除通知，避免内存泄漏
    NotificationCenter.default.removeObserver(self)
}

@objc private func keyboardWillShow(_ notification: Notification) {
    guard let userInfo = notification.userInfo,
          let keyboardFrame = userInfo[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
    // 计算键盘在当前视图中的高度
    let keyboardHeight = view.convert(keyboardFrame, from: nil).height
    // 调整按钮底部约束，让按钮上移到键盘上方
    nextButtonBottomConstraint?.constant = -keyboardHeight
    // 动画过渡，更自然
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

@objc private func keyboardWillHide(_ notification: Notification) {
    // 键盘收起时，按钮回到原位置
    nextButtonBottomConstraint?.constant = 0
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

步骤3：避免最后一个cell被按钮遮挡 #

因为按钮是加在tableView上的，当tableView内容过长时，最后一个cell会被按钮挡住，所以需要调整tableView的内边距：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 给tableView底部留出按钮高度的内边距
    tableView.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: 44, right: 0)
    tableView.scrollIndicatorInsets = tableView.contentInset
}

如果你更倾向于分离tableView和按钮的布局，可以用一个父UIViewController来承载ContainerView（嵌入静态UITableViewController）和Next按钮：

1. 新建一个UIViewController作为注册页面的容器VC；
2. 在Storyboard中拖入ContainerView，设置约束让它填充父VC的安全区（顶部、左右边距固定，底部连接Next按钮的顶部）；
3. 将你的静态UITableViewController嵌入到ContainerView中；
4. 添加Next按钮到父VC的view，设置约束：左右边距16、高度44、底部贴安全区；
5. 重复方案1中的键盘监听逻辑，调整按钮的底部约束即可。

这个方案的好处是按钮和tableView完全分离，布局更灵活，适合后续需要添加其他页面元素的场景。

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