SwiftUI修改View背景色不生效如何解决？附现有代码示例

解决方案 #

你原来的代码没有生效的核心原因是没有给视图添加background修饰符，且默认VStack仅适配内容尺寸，不会自动铺满全屏。

• 场景1：仅修改VStack内容区域的背景色
  直接给VStack添加background修饰符即可：

struct ContentView: View {
var body: some View {        
            VStack {
                Text("Trying ColorView")
                    .font(.largeTitle)
                    .bold()
                Button("ColorView") {
                    
                }
            }
            .background(Color.yellow) // 替换为你需要的背景色即可
            .accentColor(Color.black)
}
}

• 场景2：修改整个屏幕的背景色
  先让VStack撑满全屏，再添加背景色：

struct ContentView: View {
var body: some View {        
            VStack {
                Text("Trying ColorView")
                    .font(.largeTitle)
                    .bold()
                Button("ColorView") {
                    
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity) // 让VStack铺满整个屏幕
            .background(Color.cyan) // 替换为你需要的背景色即可
            .accentColor(Color.black)
}
}

如果你使用iOS 16及以上版本，遇到List、Form等滚动容器背景修改不生效的情况，可以先加.scrollContentBackground(.hidden)隐藏系统默认背景，再添加自定义background修饰符即可生效。

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