iOS 15 SwiftUI TabView 选项卡栏外观不会在视图之间更新

Question

iOS 15TabView根据加载视图的滚动位置设置 的外观。但是，这似乎不会在选项卡栏中切换的视图之间更新。我该如何解决这个问题以便外观正确更新？

1. 打开不滚动内容的选项卡式视图（“无滚动视图”）使用选项卡栏的透明背景。

2. 导航到具有滚动内容的选项卡式视图（“滚动视图”）后，将使用半透明背景。

3. 然而，当回到“无滚动视图”时，半透明背景仍然保留，而不是被透明背景替换。

我确实注意到，当我打开控制中心或应用程序切换器并返回时，外观会正确更新。

再生产：

enum Tab {
    case scroll
    case noScroll
}

struct ContentView: View {
    @State var selection: Tab = .noScroll
    
    var body: some View {
        TabView(selection: $selection) {     
            Text("Should have a transparent tab bar")
                .tabItem{ Label("No-scroll", systemImage: "xmark.circle") }
                .tag(Tab.noScroll)
            
            ScrollView {
                VStack(spacing: 10) {
                    ForEach(0..<100) {_ in
                        Text("Should have a translucent tab bar")
                    }
                }
            }
            .tabItem { Label("Scroll", systemImage: "circle") }
            .tag(Tab.scroll)
        }
    }
}

Answer 1

.onAppear {
    if #available(iOS 15.0, *) {
        let appearance = UITabBarAppearance()
        UITabBar.appearance().scrollEdgeAppearance = appearance
    }
}

Answer 2

这与 @cole 的答案几乎相同的逻辑，但这是我的解决方案：

.introspectTabBarController(customize: { controller in

            let appearance = controller.tabBar.standardAppearance
            appearance.configureWithDefaultBackground()
            appearance.backgroundColor = .red
            if #available(iOS 15.0, *) {
                controller.tabBar.scrollEdgeAppearance = appearance
            } else {
                controller.tabBar.standardAppearance = appearance
            }
        })

使用 introspectTabBarController SwiftUI-Introspect

Answer 3

我在这里遇到了类似的问题，通过使用 iOS 15 解决了

@available(iOS 15.0, *)
@NSCopying open var scrollEdgeAppearance: UITabBarAppearance?

描述当可观察的滚动视图滚动到底部时要使用的 tabBar 的外观属性。如果未设置，将使用 standardAppearance 代替。

//@available(iOS 15.0, *)
//@NSCopying open var scrollEdgeAppearance: UITabBarAppearance?

let appearance: UITabBarAppearance = UITabBarAppearance()
init() {
    UITabBar.appearance().scrollEdgeAppearance = appearance
}