使用.tabViewStyle(.page(indexDisplayMode: .never))导致视图出现多余内边距

问题根源 #

你当前的代码里有两个关键问题导致顶部多余内边距：

• 给HomeView添加了.safeAreaInset(edge: .top)，这个透明的104高度区域会强制给视图顶部加上内边距，和你想要消除内边距的需求矛盾。
• .ignoresSafeArea()加在了HomeView上，而不是外层的TabView容器，导致TabView本身的默认safeArea适配没被忽略。

修复后的代码 #

ZStack {
    Color(hex: "17203A").ignoresSafeArea()
    
    SideMenu()
        .padding(.top, 50)
        .opacity(isOpen ? 1 : 0)
        .offset(x: isOpen ? 0 : -300)
        .rotation3DEffect(.degrees(isOpen ? 0 : 30), axis: (x: 0, y: 1, z: 0))
        .ignoresSafeArea(.all, edges: .top)
    
    TabView {
        HomeView()
            .safeAreaInset(edge: .bottom) {
                Color.clear.frame(height: 80)
            }
            .mask(RoundedRectangle(cornerRadius: 30, style: .continuous))
            .rotation3DEffect(.degrees(isOpen ? 30 : 0), axis: (x: 0, y: -1, z: 0), perspective: 1)
            .offset(x: isOpen ? 265 : 0)
            .scaleEffect(isOpen ? 0.9 : 1)
            .scaleEffect(show ? 0.92 : 1)
    }
    .tabViewStyle(.page(indexDisplayMode: .never))
    .ignoresSafeArea() // 把ignoresSafeArea移到TabView上
}

额外检查点 #

如果修复后还有内边距，检查HomeView内部：

• 若HomeView用了NavigationStack/NavigationView，可以添加.navigationBarHidden(true)或者.toolbar(.hidden)来移除导航栏带来的内边距。
• 确认HomeView本身没有额外的.padding()或者默认的safeArea适配代码。

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