使用toolbar(.hidden, for: .tabBar)隐藏TabBar后返回时显示延迟，如何让其立即显示？

嘿，这个问题我之前踩过坑！SwiftUI自带的TabBar过渡动画确实会导致返回时出现延迟，这里有几个亲测有效的解决办法：

• 通过绑定变量全局控制TabBar状态
  不要只在目标页面单独隐藏TabBar，而是在父级的TabView里用一个@State变量来控制显示状态，通过环境变量传递给子视图，这样进入和返回时的状态切换更及时。

  举个完整的例子：

  // 先定义环境键用于传递状态
  private struct IsTabBarHiddenKey: EnvironmentKey {
      static let defaultValue: Binding<Bool> = .constant(false)
  }
  
  extension EnvironmentValues {
      var isTabBarHidden: Binding<Bool> {
          get { self[IsTabBarHiddenKey.self] }
          set { self[IsTabBarHiddenKey.self] = newValue }
      }
  }
  
  // 主Tab视图
  struct MainTabView: View {
      @State private var isTabBarHidden = false
      
      var body: some View {
          TabView {
              NotificationListScreen()
                  .environment(\.isTabBarHidden, $isTabBarHidden)
                  .tabItem {
                      Image(systemName: "bell")
                      Text("通知")
                  }
              // 其他Tab页面...
          }
          .toolbar(isTabBarHidden ? .hidden : .visible, for: .tabBar)
      }
  }
  
  // 包含菜单按钮的视图
  struct NotificationMenuButton: View {
      @Environment(\.isTabBarHidden) private var isTabBarHidden
      
      var body: some View {
          Menu {
              NavigationLink(
                  destination: NotificationSettingScreen()
                      .onAppear {
                          isTabBarHidden.wrappedValue = true
                      }
                      .onDisappear {
                          isTabBarHidden.wrappedValue = false
                      }
              ) {
                  Text("通知设置")
              }
          } label: {
              Image(systemName: "ellipsis.circle")
          }
      }
  }
  

  这种方式相当于让TabBar的显示状态和页面导航同步，返回时会立刻恢复显示，不会有滞后。

• 禁用TabBar的过渡动画
  延迟很多时候是SwiftUI给TabBar加的默认淡入淡出动画导致的，直接关掉动画就能让TabBar瞬间出现。

  你可以给TabView的toolbar修改器加上无动画的设置：

  TabView {
      // 你的Tab页面...
  }
  .toolbar(isTabBarHidden ? .hidden : .visible, for: .tabBar)
  .animation(.none, value: isTabBarHidden)
  

  或者在目标页面消失时用无动画切换状态：

  NavigationLink(
      destination: NotificationSettingScreen()
          .toolbar(.hidden, for: .tabBar)
          .onDisappear {
              withAnimation(.none) {
                  isTabBarHidden = false
              }
          }
  ) {
      Text("通知设置")
  }
  

• 调整NavigationLink的过渡效果
  有时候页面跳转的动画会干扰TabBar的渲染时机，把NavigationLink的过渡设为无动画也能缓解这个问题：

  NavigationLink(
      destination: NotificationSettingScreen()
          .toolbar(.hidden, for: .tabBar)
  ) {
      Text("通知设置")
  }
  .transition(.identity)
  

我自己用第一种绑定控制的方式效果最好，几乎完全消除了延迟，你可以根据自己的项目情况试试这几种方法~

备注：内容来源于stack exchange，提问作者ERTY