【发布时间】：2019-12-28 20:36:17
【问题描述】：
我目前正在尝试在 UIViewControllerRepresentable 中实现 UITableViewController，其中单元格的内容再次是 SwiftUI 视图。我不能使用 SwiftUI 列表，因为我想稍后添加 UISearchController。
因为我希望能够将自定义 SwiftUI 视图作为每个单元格的内容，所以我不可能在单元格内没有 SwiftUI 视图的情况下做到这一点。
我当前不起作用的代码如下所示：
class SearchableListCell: UITableViewCell {
let contentController: UIViewController
init(withContent content: UIViewController, reuseIdentifier: String) {
self.contentController = content
super.init(style: .default, reuseIdentifier: reuseIdentifier)
self.addSubview(self.contentController.view)
// Tried also
// self.contentView.addSubview(self.contentController.view)
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
struct SearchableList: UIViewControllerRepresentable {
let data: [String]
var viewBuilder: (String) -> ContentView
func makeCoordinator() -> Coordinator {
Coordinator(self)
}
func makeUIViewController(context: Context) -> UITableViewController {
return context.coordinator.tableViewController
}
func updateUIViewController(_ tableViewController: UITableViewController, context: Context) {
}
class Coordinator: NSObject, UITableViewDataSource, UITableViewDelegate {
var parent: SearchableList
let tableViewController = UITableViewController()
init(_ searchableList: SearchableList) {
self.parent = searchableList
super.init()
tableViewController.tableView.dataSource = self
tableViewController.tableView.delegate = self
}
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return parent.data.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let string = self.parent.data[indexPath.row]
let view = parent.viewBuilder(string)
let hostingController = UIHostingController(rootView: view)
let cell = SearchableListCell(withContent: hostingController, reuseIdentifier: "cell")
// Tried it with and without this line:
tableViewController.addChild(hostingController)
return cell
}
}
}
当我运行此程序时，例如使用此预览设置：
#if DEBUG
struct SearchableList_Previews: PreviewProvider {
static var previews: some View {
NavigationView {
SearchableList(data: ["Berlin", "Dresden", "Leipzig", "Hamburg"]) { string in
NavigationLink(destination: Text(string)) { Text(string) }
}
.navigationBarTitle("Cities")
}
}
}
#endif
我只看到一个带有 4 个明显空单元格的 TableView。不过，在视图层次结构调试器中，我可以看到，每个单元格确实都有带有 Text 的 NavigationLink 作为子视图，它只是不可见。因此我认为，这与将 UIHostingController 添加为 UITableViewController 的子级有关，但我只是不知道应该在哪里添加它。
目前有没有办法做到这一点？
【问题讨论】：
-
这就是通常在 UIKit 中嵌入子视图控制器的方式吗？
-
@Fabian 是的，你可以看看here
-
实用问题 - 您绝对是否需要将单元格作为 SwiftUI 视图？由于需要
UINavigationController子类，我在UITableViewRepresentable中有一个正在工作的UITableView。如果通过在 SwiftUI 应用程序的 UIKit 表中使用 SwiftUI 获得的唯一好处是......向前兼容性？预览提供者？好吧，请记住，UIViewControllerRepresentable被认为仅仅是一个 SwiftUI 视图。 -
@dfd 我只想使用 NavigationLink，我可以编辑问题以更好地展示它
-
啊。我也需要导航！但我不需要搜索。我拥有/拥有的（可用示例代码）是/曾经是完整的
UIKit表格视图、单元格和所有内容，可以是子视图控制器或 SwiftUI 中的视图。但是我在让我的“编辑”按钮触发我的 SwiftUI 模型中的东西时遇到了问题，所以我开始使用List- 带有一个用于“添加”的附加按钮，因为我找不到一个好的在编辑模式下隐藏它的方法。您能否使用协调器将您的 UIKit 逻辑公开为委托？
标签： swift uitableview swiftui uihostingcontroller