UITableView动态多TextField滚动时值互相复制问题求助

这个问题我太熟了——本质就是UITableView的单元格复用机制在搞鬼！滚动时滑出屏幕的cell会被放进复用池，新出现的cell会直接复用旧cell的实例，如果你没把TextField的状态和值正确绑定到数据源，就会出现第1个和第5个cell值串在一起的情况。下面给你一套落地的解决思路：

UITableView为了性能会复用已创建的cell，当你滚动时，离开视野的cell不会被销毁，而是留作后续新cell的“模板”。如果你的TextField值只存在cell的内存里，没有和对应的业务数据绑定，复用的时候旧cell的TextField值就会被带到新cell上，自然就出现了串值问题。

第一步：重构数据模型，把状态存到数据源里 #

你需要给每个medicationTime条目维护两个关键状态：是否显示TextField、TextField的当前值。比如创建一个模型类：

struct MedicationEntry {
    var timeLabel: String // 比如"晨起"、"睡前"
    var isTextFieldEnabled: Bool
    var textFieldContent: String = ""
}

然后你的数据源数组改成var medicationList: [MedicationEntry] = []，所有的显示/隐藏、值的修改都直接操作这个数组，而不是cell本身。

第二步：在cellForRowAt里正确绑定数据源状态 #

每次复用cell时，必须从数据源取最新状态，重置cell的所有相关UI，绝对不能依赖cell的旧状态。示例代码：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "MedicationCell", for: indexPath) as! MedicationCell
    let currentEntry = medicationList[indexPath.row]
    
    // 1. 先重置TextField状态，防止复用旧数据
    cell.medicationTextField.isHidden = !currentEntry.isTextFieldEnabled
    cell.medicationTextField.text = currentEntry.textFieldContent
    
    // 2. 绑定TextField输入回调，实时同步值到数据源
    cell.medicationTextField.addTarget(self, action: #selector(updateTextFieldValue(_:)), for: .editingChanged)
    cell.medicationTextField.tag = indexPath.row
    
    // 3. 绑定时间选择按钮事件，修改数据源的显示状态
    cell.timeSelectButton.addTarget(self, action: #selector(toggleTextFieldDisplay(_:)), for: .touchUpInside)
    cell.timeSelectButton.tag = indexPath.row
    
    return cell
}

这里的核心是：cell只是数据源的“展示器”，所有状态都来自数据源，绝不自己存储状态。

第三步：处理选择/取消选择的正确姿势 #

点击时间按钮时，直接修改数据源的isTextFieldEnabled，然后刷新对应行即可，不要全局reloadData：

@objc func toggleTextFieldDisplay(_ sender: UIButton) {
    let targetIndex = sender.tag
    medicationList[targetIndex].isTextFieldEnabled.toggle()
    // 只刷新目标行，性能更好
    tableView.reloadRows(at: [IndexPath(row: targetIndex, section: 0)], with: .automatic)
}

第四步：解决删除时的串值问题 #

删除操作本质也是修改数据源——直接从数组里移除对应的条目，再通知tableView删除行：

func deleteMedicationEntry(at index: Int) {
    medicationList.remove(at: index)
    tableView.deleteRows(at: [IndexPath(row: index, section: 0)], with: .fade)
}

这样所有状态都存在数据源里，不管cell怎么复用，都能从正确的数据源条目里取到对应的值。

额外避坑提示 #

• 如果你的TextField是动态添加到cell的（不是storyboard里固定的），配置cell时要先移除cell里已有的TextField，再根据数据源状态决定是否添加新的，避免复用旧的TextField实例：

  // 在自定义cell的配置方法里
  func configure(with entry: MedicationEntry) {
      // 先清理旧的TextField
      contentView.subviews.forEach {
          if $0 is UITextField { $0.removeFromSuperview() }
      }
      
      if entry.isTextFieldEnabled {
          let newTextField = UITextField(frame: CGRect(x: 20, y: 15, width: 220, height: 40))
          newTextField.borderStyle = .roundedRect
          newTextField.text = entry.textFieldContent
          contentView.addSubview(newTextField)
          // 绑定回调
          newTextField.addTarget(self, action: #selector(onTextChanged(_:)), for: .editingChanged)
      }
  }
  

• 不要用cell的indexPath来存储位置信息，要用tag或者闭包传递当前行的索引，防止cell复用后indexPath失效。

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