Binding af et TextField til state
Forbind et tekstfelt med en @State-streng.
Binding af et TextField til state er en gratis SwiftUI Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i SwiftUI Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Mød TextField
En TextField er SwiftUIs felt, hvor brugere skriver. Giv det en prompt og et sted at gemme det, de indtaster, så har du levende tekstinput. ✍️
Tekst skal have et sted at bo
De indtastede tegn skal gemmes et sted. Du gemmer dem i en @State-streng, som tekstfeltet læser fra og skriver til, mens brugeren skriver.
@State private var name = ""Binding-forbindelsen
Et TextField har brug for en tovejsforbindelse, der kaldes en binding. Den læser den aktuelle værdi og skriver nye tastetryk tilbage til din tilstand.
Dollartegnet
Hvis du vil sende en binding, skal du sætte $ foran egenskaben. Når du skriver $name, får tekstfeltet en tovejsforbindelse i stedet for en almindelig kopi.
TextField("Name", text: $name)Pladsholderen
Det første argument er placeholder: en svag hjælpetekst, der vises, når feltet er tomt. Den forsvinder, så snart brugeren begynder at skrive.
TextField("Enter your name", text: $name)Læsning af værdien
Fordi feltet skriver til din tilstand, kan du læse name hvor som helst i body for at reagere på det, brugeren har skrevet indtil videre.
Text("Hello, \(name)")Et udseende med kant
Tilføj modifikatoren textFieldStyle med .roundedBorder for at give feltet en ren, trykbar kant i stedet for en bar linje.
TextField("Name", text: $name)
.textFieldStyle(.roundedBorder)Liveopdateringer er gratis
Du behøver aldrig skrive kode for at opdatere skærmen. Når bindingen ændrer tilstanden, renderer SwiftUI automatisk visningen igen for dig. ✨
Én sandhedskilde
@State-strengen er den eneste sandhedskilde. Feltet og al Text, der læser den, er altid perfekt synkroniseret.
Almindelig værdi kontra binding
Hvis du skriver name, sender du en skrivebeskyttet kopi. Hvis du skriver $name, sender du den binding, feltet skal bruge for at sende ændringer tilbage. Dollartegnet er vigtigt.
Samling af det hele
En tilstandsstreng, et TextField bundet med $ og en Text, der læser den: Det er en komplet, reaktiv inputskærm.
TextField("Name", text: $name)
Text("Hi, \(name)")Hurtigt tjek
Hvordan giver du et TextField en tovejsforbindelse til en @State-streng?
Opsummering
Du bandt et TextField til @State med præfikset $, så indtastning opdaterer din værdi, og brugerfladen opdaterer sig selv. Det er reaktivt input i en nøddeskal. 🎉
Lær Swift med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 30
- Lektioner
- 120
Ofte stillede spørgsmål
Er lektionen “Binding af et TextField til state” gratis?
Ja — hele teksten til “Binding af et TextField til state” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af SwiftUI Academy-kurset, skal du opgradere til CoddyKit PRO. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Binding af et TextField til state”?
Forbind et tekstfelt med en @State-streng. Du øver dig i SwiftUI Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på SwiftUI Academy?
Der kræves ingen tidligere erfaring. SwiftUI Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “Binding af et TextField til state”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne SwiftUI Academy-lektion?
Ja. Alle SwiftUI Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Binding af et TextField til state
- Tastaturtyper og placeholders
- SecureField til adgangskoder
- Validering af input i realtid