尝试重新访问之前在 SwiftUI 中单击的 NavigationLink 时 NavigationLink 冻结

Question

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

我观察到，当我点击一个文件或文件夹然后返回并再次点击它时，我发现 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)
                }
        }
    }
}

并使用如下导航链接调入视图

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 中的错误？如果是，有人知道解决这个问题的方法吗？如果不是，我做错了什么？

Answer 1

有同样的问题 - 试试这个。当 swiftUI 中的错误被更正时，我会称之为黑客攻击。

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 - 模拟器？）当目标视图从导航堆栈中移除时，导航Link 不会重置。作为解决方法，我们需要重新生成导航 Link。这就是更改 id 所做的。这纠正了我的问题。

但是，如果您有链接的导航Link，即导致另一个 link 列表的 link，那么此解决方案将产生副作用；第二次尝试显示最后一个视图时堆栈 returns 到原点。

尝试重新访问之前在 SwiftUI 中单击的 NavigationLink 时 NavigationLink 冻结

NavigationLink freezes when trying to revisit previously clicked NavigationLink in SwiftUI

ios

swift

swiftui

swiftui-list

swiftui-navigationlink