在另一个View SwiftUI中分配自定义TextField数据

如何解决在另一个View SwiftUI中分配自定义TextField数据

我正在尝试通过customTextField将信用卡信息（文本：$ data）分配给另一个视图。

struct CustomTextField: View {
    @State var data : String = ""
    var tFtext: String = ""
    var tFImage: String = ""
    var body: some View {
        HStack {
                Image(tFImage)
                    .resizable()
                    .frame(width: 20,height: 20)
                    .padding()
                TextField(tFtext,text: $data)
                    .padding()
                    .font(Font.custom("SFCompactdisplay",size: 16))
                    .foregroundColor(.black)
            }
            .background(RoundedRectangle(cornerRadius: 10))
            .foregroundColor(Color(#colorLiteral(red: 0.9647058824,green: 0.9725490196,blue: 0.9882352941,alpha: 1)))
    }
}

此视图称为CardInfo

struct CardInfo : View {
    var creditCard: CreditCard
    @State var isSaved: Bool = false
    var body: some View {
        vstack {
            CustomTextField(tFtext: "Kartin Uzerindeki Isim",tFImage: "user")
                .textContentType(.givenname)
            creditCard.cardOwnerName = CustomTextField.text

但是CustomTextField.text将不起作用。如何从文本字段中提取这些文本？

解决方法

如果您需要从父级驱动文本，则应使用Binding而不是State：

struct CustomTextField: View {
    @Binding var data: String,}

然后您可以根据需要从父级访问它：

struct CardInfo : View {
    @State var isSaved: Bool = false
    @State private(set) var text = ""
    var body: some View {
        VStack {
            CustomTextField(data: $text,tFtext: "Kartin Uzerindeki Isim",tFImage: "user")
                .textContentType(.givenName)
        }
    }
}

此外，请记住，您不应在State块之外更改任何body。 （因此您可以将其设为private(set)）

您可以直接从文本中访问它：

creditCard.cardOwnerName = text

但是！

您不能如pawello所述在视图构建器中设置creditCard.cardOwnerName = text。您应该将此代码移到它所属的某个地方，例如onChange或onReceive。 Here is an example of that

所以看看这个：

CustomTextField(data: $text,tFImage: "user")
    .onReceive(text.publisher,perform: { _ in
        print(text) // could be creditCard.cardOwnerName = text
    })