SwiftUI - Catalyst 半透明侧边栏

Question

目标是在 Mac Catalyst 上制作一个半透明的侧边栏。

下面的代码给出了一个不透明的侧边栏（图 1）。

在 Mac（不是催化剂）上，侧边栏看起来不错（图 2）。

是否可以在 Mac Catalyst 上设置半透明侧边栏？

import SwiftUI

struct ContentView: View {
    var body: some View {
        
        NavigationView {
            
            //sidebar
            List {
                Label("Books", systemImage: "book.closed")
                Label("Tutorials", systemImage: "list.bullet.rectangle")
         
            }
            .background(Color.clear)

            .listStyle(SidebarListStyle())
            
            //content
            Text("Sidebar")
            .navigationTitle("Sidebar")
        }
        
        
    }
}

Answer 1

从 AppDelegate main 开始，然后按照 Apple 的教程 re: UISplitViewController "Apply a Translucent Background to Your Primary View Controller"。

https://developer.apple.com/documentation/uikit/mac_catalyst/optimizing_your_ipad_app_for_mac

在将 UISplitViewController 包装在 UIViewControllerRepresentable 中时，我无法获得半透明效果，但确实获得了全高侧边栏。

Answer 2

我发现即使没有将 ListStyle 指定为 SidebarListStyle()，在侧边栏视图上使用 .background(Color.clear) 也可以实现半透明背景。为我在 Xcode 13.1 中工作

struct ContentView: View {
    var body: some View {
        NavigationView { // without wrapping to NavigationView it won't work
            List { // can be VStack or HStack
                Text("Hello, world!")
                  .padding()
            }
            .listStyle(SidebarListStyle()) // works with other styles
        Text("")
    }
  }
}

struct YourApp: App {
   var body: some Scene {
      WindowGroup {
        ContentView()
            .toolbar {
                Button {
                    
                } label: {
                    Image(systemName: "gear")
                }

            }
            .background(Color.clear) // 3 <-- MUST HAVE!
      }
   }
}