更改 swiftUI 中视图的背景颜色

Question

我想制作一个简单的表单并更改文本字段的背景颜色，但 Xcode 为我提供了.background(background: View)等选项，但没有.background(Color() )。

Answer 1

Color符合View 。 因此，您可以像使用任何其他View一样使用它。 您的代码的问题是您在background修饰符中添加了cornerRadius 。 它应该是这样的：

TextField("Title", text: .constant("text"))
    .background(Color.red)
    .cornerRadius(5)

Answer 2

试试下面的代码。

struct ContentView: View {

   @State var name: String = ""

   var body: some View {

       VStack(alignment: .leading, spacing: 10) {

           Text("NAME").font(.headline)

           TextField("Enter some text", text: $name)
           .padding(.horizontal , 15)
           .frame(height: 40.0)
           .background(Color(red: 239/255, green: 243/255, blue: 244/255))
           .overlay(
               RoundedRectangle(cornerRadius: 5)
                   .stroke(Color.gray.opacity(0.3), lineWidth: 1)
           )
       }.padding(.horizontal , 15)
   }
}

Answer 3

import SwiftUI

struct ContentView: View {

    @State var name: String = ""

    var body: some View {
        VStack {
            TextField("Enter some text", text: $name)
                .background(Color.red)
        }
    }
}