问题描述
我正在尝试通过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
})