You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Swift:发送消息后还原TextInput视图高度问题求助

解决聊天输入框发送后无法恢复原始高度的问题

我帮你梳理下问题核心:你在文本行数超阈值时开启了滚动并固定了输入框高度,但发送文本清空内容后,没有重置这些状态,导致输入框一直卡在之前的固定高度上。下面是具体的修复思路和代码方案:

问题根源

你只在textViewDidChange里处理了文本增多时的高度固定和滚动开启逻辑,但完全没处理文本清空/减少到阈值内的反向恢复操作,发送后输入框自然没法回到初始状态。

修复步骤

  1. 先存好输入框的初始高度,方便后续重置;
  2. 完善textViewDidChange的逻辑,既要处理行数超阈值的情况,也要处理行数回落时的状态恢复;
  3. 在发送文本的逻辑里,手动强制重置输入框的约束和滚动状态,确保万无一失。

完整代码示例

// 在InputAccessoryView中
var heightConstraint: NSLayoutConstraint!
// 存储输入框初始高度,根据你的实际布局调整数值
private let initialInputHeight: CGFloat = 44
// 设定触发滚动的行数阈值,比如超过3行开启滚动
private let maxAllowedLines: Int = 3

extension InputAccessoryView: UITextViewDelegate {
    func textViewDidChange(_ textView: UITextView) {
        // 计算当前文本的总行数
        let currentLineCount = textView.contentSize.height / (textView.font?.lineHeight ?? 1)
        
        if currentLineCount > CGFloat(maxAllowedLines) {
            // 超过阈值:固定高度+开启滚动
            heightConstraint.constant = initialInputHeight * CGFloat(maxAllowedLines)
            textView.isScrollEnabled = true
        } else {
            // 未超过阈值:恢复自适应高度+关闭滚动
            textView.isScrollEnabled = false
            // 让输入框自动计算合适高度(兼顾单行到多行的自适应)
            let fittingSize = textView.sizeThatFits(CGSize(width: textView.bounds.width, height: CGFloat.greatestFiniteMagnitude))
            heightConstraint.constant = max(initialInputHeight, fittingSize.height)
        }
        
        // 立即触发视图布局更新
        self.layoutIfNeeded()
    }
    
    // 发送按钮点击事件处理
    @objc func handleSendAction() {
        // 1. 执行发送逻辑(比如把文本传给聊天列表)
        guard let message = textView.text, !message.isEmpty else { return }
        // ... 你的发送代码 ...
        
        // 2. 清空输入框文本
        textView.text = ""
        
        // 3. 强制重置输入框到初始状态
        heightConstraint.constant = initialInputHeight
        textView.isScrollEnabled = false
        self.layoutIfNeeded()
    }
}

额外注意事项

  • 确保heightConstraint是直接绑定输入框的高度约束,且没有其他冲突的约束优先级;
  • 如果你的输入框需要更灵活的自适应,比如单行时是初始高度,多行时随内容增长到阈值,sizeThatFits的逻辑可以完美适配这种场景;
  • 调用layoutIfNeeded()一定要在所有约束修改完成后,这样视图会立即刷新状态。

内容的提问来源于stack exchange,提问作者Koh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 10:17:08