如何移除SwiftUI根视图中Toolbar的背景色？已试隐藏方法无效

方法一：适配iOS 16+的正确写法 #

你的代码中，Toolbar附加在ScrollView上，且ScrollView默认内容背景、安全区域设置会干扰背景隐藏效果，按以下步骤修改：

1. 调整RootView配置 #

给ScrollView移除默认内容背景，并让视图背景延伸到底部安全区域：

struct RootView: View {
   let columns = [
      GridItem(.flexible(), spacing: 0),
      GridItem(.flexible(), spacing: 0)
   ]
   
   var body: some View {
      ScrollView{
         ZStack{
            cardStack()
         }
         .frame(maxWidth: .infinity, maxHeight: .infinity)
      }
      .scrollContentBackground(.hidden) // 移除ScrollView自带的白色内容背景
      .background(Color("BA3D4E"))
      .ignoresSafeArea(.container, edges: .bottom) // 让背景色覆盖底部安全区域
      .modifier(CustomToolsBar())
   }
}

2. 优化Toolbar修饰符 #

单独指定.bottomBar的背景隐藏可能失效，需同时添加全局工具栏背景隐藏配置：

struct CustomToolsBar: ViewModifier {
   func body(content: Content) -> some View {
      content
         .toolbar {
            ToolbarItemGroup(placement: .bottomBar) {
               Text("Yesterday")
               Spacer()
               Text("+")
               Spacer()
               Text("Tomorrow")
            }
         }
         .toolbarBackground(.hidden) // 全局隐藏工具栏背景
         .toolbarBackground(.hidden, for: .bottomBar) // 针对性指定底部栏
   }
}

方法二：兼容iOS 15及更低版本 #

如果项目需要支持iOS 15，toolbarBackgroundAPI不可用，可通过自定义背景色覆盖的方式实现：

struct CustomToolsBar: ViewModifier {
   func body(content: Content) -> some View {
      content
         .toolbar {
            ToolbarItemGroup(placement: .bottomBar) {
               HStack {
                  Text("Yesterday")
                  Spacer()
                  Text("+")
                  Spacer()
                  Text("Tomorrow")
               }
               .frame(maxWidth: .infinity)
               .background(Color("BA3D4E")) // 用根视图同色背景覆盖工具栏默认背景
            }
         }
         .toolbarColorScheme(.dark, for: .bottomBar) // 根据文字颜色调整配色方案，避免文字看不清
   }
}

关键注意事项 #

• .toolbarBackground仅支持iOS 16及以上系统，低版本需用自定义背景方案。
• 必须确保视图背景能延伸到安全区域底部，否则工具栏背景隐藏后会出现空白。

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