如何在进入子视图（钻取）时隐藏TabViewBottomAccessory？

问题说明 #

需要在进入子视图（钻取页面）时，同时隐藏标签栏（已通过.toolbarVisibility(.hidden, for: .tabBar)实现）和TabViewBottomAccessory，但尝试以下方法均无效：

• @Environment(\.tabViewBottomAccessoryPlacement)没有setter，无法修改
• 在子视图层级添加.tabViewBottomAccessory { EmptyView() }无法覆盖TabView上的配置
• 自定义环境变量@Environment(\.isTabViewBottomAccessoryShown)没有生效

原因分析 #

tabViewBottomAccessory是直接附加在TabView实例上的配置，子视图的环境变量或修饰符属于视图树的下层，无法反向影响上层TabView的组件显示状态。另外，tabViewBottomAccessory不支持多层覆盖，只有最顶层（TabView层级）的配置会生效。

可行解决方案 #

通过绑定状态变量来控制TabViewBottomAccessory的显示，同时利用NavigationStack的导航动作或路径变化更新状态，同步隐藏/显示附属组件。

修改后的完整代码如下：

#Preview("PreviewView") {
    PreviewView()
}

enum Destination {
    case child
}

struct PreviewView: View {
    @State var tab: Int = 0
    // 控制TabViewBottomAccessory显示的开关
    @State private var showBottomAccessory = true
    // 可选：用路径监听导航状态，替代onAppear/onDisappear
    @State private var navigationPath = NavigationPath()

    var body: some View {
        TabView(selection: $tab) {
            Tab(value: 0) {
                NavigationStack(path: $navigationPath) {
                    List {
                        NavigationLink("进入子视图", value: Destination.child)
                    }
                    .navigationDestination(for: Destination.self) { destination in
                        switch destination {
                        case .child:
                            ChildView()
                                .toolbarVisibility(.hidden, for: .tabBar)
                        }
                    }
                }
                // 监听路径变化，自动切换显示状态
                .onChange(of: navigationPath) { newValue in
                    showBottomAccessory = newValue.isEmpty
                }
            } label: {
                Label("标签1", systemImage: "checkmark")
            }
        }
        // 根据状态变量条件渲染附属组件
        .tabViewBottomAccessory {
            if showBottomAccessory {
                TabViewBottomAccessory()
            } else {
                EmptyView()
            }
        }
    }
}

struct TabViewBottomAccessory: View {
    @Environment(\.tabViewBottomAccessoryPlacement) var placement

    var body: some View {
        Text("当前位置: '\(placement.rawValue)'")
    }
}

struct ChildView: View {
    var body: some View {
        List {
            Text("子视图页面")
        }
    }
}

关键说明 #

1. 新增@State private var showBottomAccessory = true作为控制开关，直接作用于TabView层级的tabViewBottomAccessory配置，通过if条件决定是否渲染附属组件。
2. 利用NavigationStack的path属性监听导航状态：当路径非空（存在子视图）时隐藏组件，路径为空（回到父视图）时自动恢复显示，无需手动在子视图中设置状态，逻辑更简洁可靠。
3. 这种方式绕开了环境变量传递的层级限制，直接让TabView感知当前的导航状态，实现标签栏和附属组件的同步隐藏/显示。

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