如何将独立XIB创建的UITableViewCell添加到ViewController的TableView并解决空显示问题

核心问题1：XIB Cell注册方式错误 #

你当前用tableView.register(TableViewCell.self, forCellReuseIdentifier: "Cell")注册Cell，但这是纯代码Cell的注册逻辑。对于XIB创建的自定义Cell，必须注册对应的XIB文件，否则系统无法加载XIB里的布局和控件，导致Cell显示为空。

修复代码：
在viewDidLoad中替换原注册代码：

// 替换原注册逻辑
let nib = UINib(nibName: "TableViewCell", bundle: nil)
tableView.register(nib, forCellReuseIdentifier: "Cell")

注意：nibName必须和你的XIB文件名完全一致，包括大小写

核心问题2：XIB文件配置错误 #

1. 打开TableViewCell对应的XIB文件，选中Cell控件，在右侧面板的Identity Inspector（第三个标签）中确认：
   • Class设置为TableViewCell
   • Reuse Identifier设置为"Cell"（要和代码中使用的标识符完全匹配）
2. 检查所有IBOutlet连接：右键点击Cell类文件，确认每个@IBOutlet都已正确连接到XIB中的对应控件，没有未连接的感叹号标记。

关于“无法在XIB中创建原型Cell”的说明 #

原型Cell是Storyboard中TableView控件专属的功能，XIB文件本身就是用来创建独立自定义Cell的载体，不存在“原型Cell”的概念。你只需要在XIB中设计好Cell布局，按上述步骤注册复用即可。

额外优化建议 #

1. 确保Cell高度正常显示：
   在ViewController的viewDidLoad中添加高度设置，或者实现TableView代理方法：

   tableView.rowHeight = TableViewCell.height
   tableView.estimatedRowHeight = TableViewCell.estimatedHeight
   

2. 避免在Cell内部直接初始化ViewModel和Router：
   建议在ViewController的cellForRowAt方法中传递依赖，比如：

   func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
       let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! TableViewCell
       cell.viewModel = viewModel
       cell.router = router
       return cell
   }
   

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