SwiftUI：如何为文本字段设置背景颜色

Question

当我选择文本字段时，它会去掉文本应该出现的背景颜色。 例如，我附上了一张显示持卡人文本字段的图像。 也许这只是一个错误？ 这是我的“CardHolderView”代码：

重现错误：

struct ContentView: View {
    init() {
        UINavigationBar.appearance().barTintColor = #colorLiteral(red: 0.9384715557, green: 0.9561783671, blue: 1, alpha: 1)
        UINavigationBar.appearance().shadowImage = UIImage()
        UIScrollView.appearance().backgroundColor = #colorLiteral(red: 0.9384715557, green: 0.9561783671, blue: 1, alpha: 1)
    }
    
    @State private var name = ""
    
    var body: some View {
        NavigationView {
            ScrollView(UIScreen.main.bounds.height < 750 ? .vertical : .init()) {
                ZStack {
                    Color(#colorLiteral(red: 0.9384715557, green: 0.9561783671, blue: 1, alpha: 1)).edgesIgnoringSafeArea(.all)
                    CardHolderView(name: $name)
                        .padding()
                }
                .padding(.top, 60)
                .navigationBarTitle("Payment data", displayMode: .inline)
                .navigationBarItems(leading: Button(action: {}) { Image("left-arrow") })
            }
            .edgesIgnoringSafeArea(.all)
        }
    }
}

struct CardHolderView: View {
    @Binding var name: String
    
    var body: some View {
        VStack(alignment: .leading) {
            Text("Card holder")
            TextField("Your name and surname", text: $name)
                .padding()
                .background(Color.white)
                .cornerRadius(10)
        }
        .padding(.top)
    }
}

Answer 1

不需要使用UIAppearance来设置ScrollView的背景颜色； 您可以在其上使用.background修饰符。

UIAppearance进行全局更改并可能产生意想不到的后果。