iOS 14.5中SwiftUI Stack Navigation View Style下返回根视图时底部工具栏残留问题的解决方案问询

我完全懂你这个痛点——用刷新整个根视图的方式解决工具栏残留，结果把滚动位置也重置了，用户体验直接打折扣。其实咱们不用动整个视图，只针对工具栏的状态做局部更新就能搞定，一起来看看具体方案：

问题根源 #

这个残留问题本质是SwiftUI在导航栈切换时，StackNavigationViewStyle下的工具栏状态没有被正确重置，导致目标视图的工具栏内容“粘”在了根视图上。我们不需要刷新整个根视图，只需要精准控制根视图的工具栏显示状态就行。

解决方案代码 #

根视图（RootView）

我们新增一个状态变量专门控制根视图的工具栏显示，返回时只更新这个变量，而非刷新整个视图：

struct RootView: View {
    // 专门控制根视图工具栏的显示状态，默认显示空工具栏
    @State private var showEmptyRootToolbar = true
    
    var body: some View {
        NavigationView {
            Form {
                // 模拟你实际场景中用ForEach生成的多个可滚动项
                ForEach(0..<30) { index in
                    NavigationLink(
                        destination: DetailView()
                            .onDisappear {
                                // 从详情页返回时，仅切换根视图工具栏到空状态
                                showEmptyRootToolbar = true
                            }
                    ) {
                        Text("列表项 \(index)")
                    }
                }
            }
        }
        .toolbar {
            // 根据状态变量决定根视图工具栏内容
            if showEmptyRootToolbar {
                // 空工具栏，用来覆盖残留的工具栏内容
                ToolbarItem(placement: .bottomBar) { EmptyView() }
            }
            // 如果根视图本身需要显示工具栏，在这里添加对应逻辑即可
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

目标视图（DetailView）

保持你原来的工具栏逻辑不变：

struct DetailView: View {
    @State private var conditional = true
    @State private var activeSheet: SheetType? = nil
    
    enum SheetType {
        case bottomBar
    }
    
    var body: some View {
        Text("详情页面")
            .toolbar {
                ToolbarItem(placement: .bottomBar) {
                    Group {
                        if conditional == true {
                            Button(action: { self.activeSheet = .bottomBar }) {
                                HStack {
                                    Image(systemName: "sparkles").renderingMode(.original)
                                    Text("Bottom ToolBar")
                                }
                            }
                        }
                    }
                }
            }
    }
}

为什么这个方案有效？ #

1. 局部更新不影响滚动：我们只更新了控制工具栏的状态变量，没有刷新整个根视图，所以Form的滚动位置会被完整保留。
2. 精准覆盖残留内容：从详情页返回时，根视图的工具栏切换到空状态，直接覆盖掉残留的工具栏元素，达到清除效果。
3. 扩展性强：如果后续根视图需要显示自己的工具栏，只需要调整showEmptyRootToolbar的逻辑即可，比如根据导航状态动态切换。

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