工具栏正在删除 NavigationView 中的后退按钮

Question

我有一个列表的详细视图，我从主视图导航到该列表：

NavigationView {
    ...
    NavigationLink(destination: DetailView()) {
        Text(entity.name ?? "Unknown")
    }
    ...
}

然后在我的 DetailView 中，我可以看到主视图的后退按钮：

struct DetailView: View {
  
    var body: some View {
        Form {
            ...
        }
        .navigationBarTitle("Deatil")
        /*.toolbar {
            ToolbarItem(placement: .primaryAction) {
                
                Button(action: {
                    ...
                }) {
                    Image(systemName: "ellipsis.circle")
                }
                
            }
            
        }*/
    }
}

在我使用工具栏之前一切都很好。然后我只看到工具栏而不是导航到最后一个视图。为什么？通常这应该有效，对吧？

Answer 1

我解决了！经过进一步试验，我发现通过添加以下工具栏项，您可以防止后退按钮在导航层次结构中超过三个视图深处的刷新视图中消失。

ToolbarItem(placement: .navigationBarLeading) {Text("")}

注意：EmptyView() 将不起作用。该错误似乎需要一个处于领先位置的活动工具栏项，以防止在层次结构中的三个或更多视图刷新视图时后退按钮消失。

正如我之前列出的，当不使用上面建议的这个新解决方法时，在处理这个错误时需要考虑一些额外的注意事项。

• navigationBarItems(trailing:) 已弃用
• 使用 navigationBarItems(trailing:) 和 toolbar(content:) 在同一个 NavigationView 层次结构（即使在不同的视图中）避免 这个错误会导致一些视觉故障（重复 按钮等）
• 使用toolbar(content:) 刷新视图更多 三个视图深度将删除导航层次结构中的 能够（按钮和滑动手势）导航回来 层次结构。
• 对于它的价值，如果您明确指出工具栏项目的trailing 位置并将该项目保留在视图层次结构的前两个视图中，并且避免使用任何默认/primaryAction 或前导位置，以及navigationBarItem 的任何使用，您都可以避免大多数此类错误。

Answer 2

import SwiftUI

struct ToolbarBug: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: DetailViewToolbarBug()) {
                Text("Unknown")
            }
        }
    }
}
struct DetailViewToolbarBug: View {
    var body: some View {
        VStack{
            NavigationLink(destination: DetailViewToolbarBug()) {
                Text("Unknown")
            }
        Form {
            NavigationLink(destination: DetailViewToolbarBug()) {
                Text("Unknown")
            }
            Text("form text")
        }
        }
        .navigationBarTitle("Deatil")
        .toolbar {
            ToolbarItem(placement: .primaryAction) {
                
                Button(action: {
                    
                }) {
                    Image(systemName: "ellipsis.circle")
                }
            }
        }
    }
}
struct ToolbarBug_Previews: PreviewProvider {
    static var previews: some View {
        ToolbarBug()
    }
}