Campo di testo
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 24 di 50.
Un TextField consente all’utente di digitare. Ha bisogno di un segnaposto e di un collegamento a uno stato String:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}$ in $name trasforma lo stato in un binding: una connessione bidirezionale. Il campo mostra il valore di name e ogni tasto digitato dall’utente lo scrive nuovamente al suo interno. Il testo qui sotto legge lo stesso stato, quindi si aggiorna a ogni pressione di un tasto.
.textFieldStyle(.roundedBorder) disegna il familiare riquadro arrotondato attorno al campo.
Sfida
FacileSaluta l’utente usando il suo nome. Aggiungi un TextField con il segnaposto Your name associato a name e assegnagli l’identificatore name. Mantieni il testo del saluto, che dovrebbe essere Hello, Ada! dopo che l’utente digita Ada.
Provalo tu
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Introduzione a SwiftUI
7Elenchi
Per ogni elementoElementi identificabiliElencoAggiungere elementiRiepilogo - Lista della spesa10Progetto - Coddy Coffee
Panoramica del progettoSchermate delle bevande
Scegli un formatoQuantità e totaleEffettua l'ordine2Mostrare contenuti
Viste di testoNumeri nel testoFontColoriSF SymbolsRiepilogo - Etichetta del prezzo5Stato e pulsanti
PulsantiLa proprietà @StateStato vero o falsoViste condizionaliRiepilogo - SegnapuntiEsercitati da solo: Playground SwiftUI