在Swiftui中添加标签栏时，取得了顶级空间

Question

我正在我的 swiftui 应用中集成 side菜单。 侧菜单工作正常。我遇到的问题是我的底部有一个 tab bar ，当我打开 side菜单屏幕时，它从顶部占用了一些空间，而我不是得到为什么要获得该空间。这就是我得到的：

我打开调试视图层次结构时，它向我展示了：

这是我的主屏幕代码：

struct HomeView: View {

@State var menuOpen: Bool = false

var body: some View {

Zstack {
  ZStack {
          HStack {
                                    
               if !self.menuOpen {
                           Button {
                                            
                               print("side menu tapped")
                               self.menuOpen.toggle()
                            } label: {
                                  Image("sideMenuButton")
                                      .resizable()
                                      .frame(width: 24, height: 24)
                                   }.padding()
                                }
                            Spacer()
                                  
                        }     
                     Text("Home")
                        .font(.custom(Poppins.semiBold.rawValue, size: 17))
                        .foregroundColor(Color(ColorName.appBlue.rawValue))
           }

       ZStack {
                SideMenu(width: 300,
                         isOpen: self.menuOpen,
                         menuClose: self.openMenu)
            }
       }     
      }.navigationBarHidden(true)
            .navigationBarBackButtonHidden(true)

     func openMenu() {
           self.menuOpen.toggle()
      }
}

当我使用没有选项卡栏时，这很好。没有标签栏，它看起来像这样：

​

struct TabBarControllerView: View {
    
    @State private var tabSelection = 0
    
    var body: some View {
        TabView(selection: $tabSelection) {
            
            HomeView()
                .tabItem {
                    Label("Home", image: tabSelection == 0 ? ImageName.home.rawValue : ImageName.silverHome.rawValue)
                }
                .tag(0)

          MyAccountView()
                .tabItem {
                    Label("Claims", image: tabSelection == 1 ? ImageName.claims.rawValue : ImageName.silverClaims.rawValue)
                }
                .tag(1)

     }.accentColor(Color(ColorName.appBlue.rawValue))

 }
}

struct TabBarControllerView_Previews: PreviewProvider {
    static var previews: some View {
        TabBarControllerView()
    }
}

​我尝试了 .ignoressafearea（），并且还给了填充 否定>负面，它 top top top top不是敲击，因为它已进入该空间之下。

我被困在这两天中，任何帮助将不胜感激。

Answer 1

TabView带有导航栏上方。通过添加.navigationbarhidden（true），可以通过一个简单的解决方案。

请参阅这篇文章： swiftui如何使用tabview 隐藏导航栏

注意：将来还提供了适当的最小代码来复制行为。您当前给出的代码依赖于其他组件，并且在一个新的项目中本身并不可以运行。

更新：
我创建了一个测试此标准的最低项目，并且此代码与我合作：

import SwiftUI

@main
struct testApp: App {
    var body: some Scene {
        WindowGroup {
            TabBarView()
        }
    }
}

struct TabBarView: View {
    @State private var tabSelection = 0
    var body: some View {
        TabView(selection: $tabSelection) {
            HomeView()
                .tabItem {
                    Label("Home", systemImage: "house")
                }
                .tag(0)
        }
    }
}

struct HomeView: View {
    var body: some View {
        ZStack {
            Rectangle().foregroundColor(.green)

            VStack {
                HStack {
                    Spacer()
                    Button {
                        print("side menu tapped")
                    } label: {
                        Image(systemName: "pencil")
                            .resizable()
                            .frame(width: 24, height: 24)
                    }.padding()
                    Spacer()
                }
                Spacer()
            }
        }
    }
}

鉴于此代码工作正常，而且问题不在这里，因此需要从OP中使用最低工作代码示例。