SwiftUI使用TabView无法实现全屏覆盖的问题求助

看起来你遇到的是SwiftUI里Page样式TabView默认留底部安全区域、还显示返回手柄的问题，我之前做项目时也踩过这个坑，给你几个实用的解决方法：

• 直接给TabView设置忽略安全区域+禁用手势返回
  你之前把edgesIgnoringSafeArea(.all)加在了ContentView上，其实应该直接套在TabView上才行。另外，Page样式的TabView默认会显示底部的滑动返回手柄，加上interactiveDismissDisabled(true)就能把它隐藏，同时禁用滑动返回的手势。修改后的代码如下：

  struct CoverTestApp: App {
      var body: some Scene {
          WindowGroup {
              ContentView()
          }
      }
  }
  
  struct ContentView: View {
      var body: some View {
          TabView {
              ForEach(0...10, id: \.self) { page in
                  ZStack {
                      Color(.blue).opacity(0.2)
                      Text("Page \(page)")
                  }
              }
          }
          .tabViewStyle(.page)
          .edgesIgnoringSafeArea(.all) // 移到TabView层级
          .interactiveDismissDisabled(true) // 隐藏底部手柄+禁用滑动返回
      }
  }
  

• 给子视图也添加忽略安全区域（兜底方案）
  要是上面的方法还没解决，可能是系统对背景色的安全区域处理有差异，你可以给每个页面的背景色单独加上忽略安全区域的设置：

  ZStack {
      Color(.blue).opacity(0.2)
          .ignoresSafeArea(.all) // 让背景色铺满整个屏幕
      Text("Page \(page)")
  }
  

• fullScreenCover的适配方法
  如果你用fullScreenCover也遇到底部白条，同样的思路：在弹出的全屏视图根节点加上.ignoresSafeArea(.all)，再配合interactiveDismissDisabled(true)就能去掉底部手柄。

另外提醒下，完全忽略安全区域后，在有刘海、底部圆角的设备上，边缘的内容可能会被裁切，要是你的页面有需要靠近边缘的交互元素，记得留好适配空间，但如果就是要纯全屏覆盖，上面的方法应该能搞定你的问题。

内容来源于stack exchange