ZStack未更改颜色

Question

我已经在我的ZStack中添加了Color.orange --但是我的视图仍然有默认的白色/灰色背景：

struct Settings: View {
    @State var minAge = UserSettings().minAge
    @State var maxAge = UserSettings().maxAge
    @State var chosenSeeking = UserSettings.Seeking.both

    var body: some View {
        ZStack {
            Color.orange
            VStack {
                NavigationView {
                        Form {
                            Section {
                                Picker("Look for", selection: $chosenSeeking) {
                                    ForEach(UserSettings.Seeking.allCases) { i in
                                        Text(String(i.rawValue))
                                    }
                                }
                            }
                            Section {
                                Text("Min age")
                                Slider(value: $minAge, in: 18...99, step: 1, label: {Text("Label")})
                                    Text(String(Int(minAge)))
                            }
                            Section {
                                Text("Max age")
                                Slider(value: $maxAge, in: 18...99, step: 1)
                                Text(String(Int(maxAge)))
                            }
                        }.navigationBarTitle(Text("Settings"))
                    }
            }
        }
    }
}

​

​

知道问题出在哪里吗？

Answer 1

我能找到的最好的是colorMultiply

NavigationView {
    ...
}.colorMultiply(.orange)

Answer 2

您可以尝试编辑以下格式的代码吗？我将ZStack放在NavigationView下，在本例中，背景颜色变为橙色。

NavigationView{
     ZStack{
         Color.orange.edgesIgnoringSafeArea(.all)
            VStack{
               //some code
           }
         }
      }

Answer 3

你的问题是你的NavigationView挡住了橙色。您必须更改NavigationView本身的背景。对于NavigationView这样的默认视图，这通常是通过实现该视图的自定义样式来完成的。在Button的情况下，这将是ButtonStyle。NavigationView确实有NavigationViewStyle，但是还没有公开提供。我们最大的希望可能是下一次主要的SwiftUI迭代，它很可能会在本月的全球开发者大会上公布。