11

我正在设计一个应用程序，其中包括检索 JSON 数据并在 FileBrowser 类型视图中显示检索项目列表的功能。在此视图中，用户应该能够单击文件夹以深入了解文件树或单击文件以查看有关该文件的一些元数据。

我观察到，虽然这正在工作，但当我单击文件或文件夹然后返回并再次单击它时，NavigationLink 不会被触发，并且我被卡在视图上，直到我单击另一个 NavigationLink。

这是一个演示此问题的 gif。

双击错误

如此处所示，当我单击 BlahBlah 时，我正在激活 NavigationLink 并被带到 BlahBlah，然后当我返回并尝试重新导航到 BlahBlah 时，它变成灰色，表明我点击了它......但从不把我传送到那里. 单击 TestFile 可修复此问题，并允许我导航回 BlahBlah。

列表项由以下结构组成

private struct FileCell{
    var FileName: String
    var FileType: String
    var FileID: String = ""
    var isContainer: Bool
}

private struct constructedCell: View{

    var FileType: String
    var FileName: String
    var FileID: String

    var body: some View {
        return
            HStack{
                VStack(alignment: .center){
                    Image(systemName: getImage(FileType: FileType)).font(.title).frame(width: 50)
                }
                Divider()
                VStack(alignment: .leading){
                    Text(FileName).font(.headline)
                        .multilineTextAlignment(.leading)
                    Text(FileID)
                        .font(.caption)
                        .multilineTextAlignment(.leading)
                }
        }
    }
}

并使用 navigationLinks 进入视图，如下所示

List(cellArray, id: \.FileID) { cell in
                if (cell.isContainer) {
                    NavigationLink(destination: FileView(path: "/\(cell.FileID)", displaysLogin: self.$displaysLogin).navigationBarTitle(cell.FileName)){
                        constructedCell(FileType: cell.FileType, FileName: cell.FileName, FileID: cell.FileID)
                    }
                } else {
                    NavigationLink(destination: DetailView(FileID: cell.FileID).navigationBarTitle(cell.FileName)){
                        constructedCell(FileType: cell.FileType, FileName: cell.FileName, FileID: cell.FileID)
                    }
                }
            }

我的 NavigationView 在上面的视图中初始化（应用程序有一个选项卡视图）如下

TabView(selection: $selection){
               NavigationView{
                    FileView(displaysLogin: self.$displaysLogin)
                        .navigationBarTitle("Home", displayMode: .inline)
                        .background(NavigationConfigurator { nc in
                            nc.navigationBar.barTintColor = UIColor.white
                            nc.navigationBar.titleTextAttributes = [.foregroundColor : UIColor.black]
                        })
                }
                .font(.title)
                .tabItem {
                    VStack {
                        Image(systemName: "folder.fill")
                        Text("Files")
                    }
                }
                .tag(0)
}

NavigationConfigurator 是我用来处理导航栏颜色的结构。它是这样设置的

struct NavigationConfigurator: UIViewControllerRepresentable {
    var configure: (UINavigationController) -> Void = { _ in }

    func makeUIViewController(context: UIViewControllerRepresentableContext<NavigationConfigurator>) -> UIViewController {
        UIViewController()
    }
    func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext<NavigationConfigurator>) {
        if let nc = uiViewController.navigationController {
            self.configure(nc)
        }
    }

}

我不认为我的 NavigationConfigurator 导致了这种情况？此错误也发生在应用程序中的其他导航链接中，但在 FileBrowser 视图中演示它是最简单的。

这可能是 SwiftUI 中的一个错误？如果是，有人知道解决这个问题的方法吗？如果不是，我做错了什么？

4

1 回答 1

6

有同样的问题 - 试试这个。当 swiftUI 中的错误得到纠正时，我将其称为要删除的 hack。

struct ListView: View {
@State private var destID = 0
...
var body: some View {
...
  NavigationLink(destination: FileView(path: "/\(cell.FileID)", displaysLogin: self.$displaysLogin)
   .navigationBarTitle(cell.FileName) 
   .onDisappear() { self.destID = self.destID + 1 }
  ){
   constructedCell(FileType: cell.FileType, FileName: cell.FileName, FileID: cell.FileID) 
  }.id(destID)

本质上，在某些情况下（iOS 13.3 - 模拟器？），当从导航堆栈中删除目标视图时，NavigationLink 不会重置。作为一种解决方法，我们需要重新生成导航链接。这就是更改 id 的作用。这纠正了我的问题。

但是，如果您有链接的 NavigationLinks，即指向另一个链接列表的链接，那么此解决方案将产生副作用；堆栈在第二次尝试显示最后一个视图时返回原点。

于 2019-12-11T17:59:03.467 回答