ios - SwiftUI 导航和状态栏在 TabView 内时颜色/透明度发生冲突

Question

我的应用程序由 TabView 内几个不同选项卡的几个 View 组成。这些 View 创建自己的 NavigationView。不幸的是，TabView 的存在导致其颜色和透明度与应用程序的状态栏发生冲突，状态栏不再与导航栏保持一致。

使用以下代码可以在示例应用程序中轻松重现这一点。

struct ContentView: View {
    var body: some View {
        TabView {
            NavView()
        }
    }
}

struct NavView: View {
    var body: some View {
        NavigationView {
            List {
                ForEach(0..<10, id: \.self) { _ in
                    Section(header: Text("Foo")) {
                        Text("Bar")
                    }
                }
            }
            .listStyle(GroupedListStyle())
            .navigationBarTitle("Foobar")
        }
    }
}

我使用分组列表样式来使样式更改更加明显，但它与默认样式相同。

是否有 SwiftUI API 可以访问状态栏样式？或者可能还有其他解决方法？

Answer 1

根据 Apple 文档，edgesIgnoringSafeArea(_:) 应应用于 TabView:

https://developer.apple.com/documentation/swiftui/vsplitview/3288813-edgesignoringsafearea

Extends the view out of the safe area on the specified edges.

struct ContentView: View {
    var body: some View {
        TabView {
            NavView()
        } // .edgesIgnoringSafeArea(.top) no longer necessary as of iOS 13.4
    }
}

注意:Apple 似乎更改了默认行为，而 iOS 13.4 不再需要这样做。