Creare una riga Toggle riutilizzabile
Crei una vista figlia che modifica lo stato della vista padre.
Creare una riga Toggle riutilizzabile è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.
Un componente che modifica i dati
Costruiamo una riga riutilizzabile che attiva o disattiva un'impostazione. Il punto chiave: la riga modifica lo stato del parent tramite un @Binding. 🧩
Progettare gli input
La riga ha bisogno di un'etichetta da mostrare e di un binding da modificare. Perciò accetta una stringa per il titolo e un binding a un Bool.
Dichiarare la view child
Crei una struct con un title semplice e un binding per il valore che verrà attivato o disattivato.
struct ToggleRow: View {
let title: String
@Binding var isOn: Bool
var body: some View { Text("Placeholder") }
}Costruire il body
All'interno del body, un singolo Toggle mostra il titolo e scrive tramite il binding quando viene toccato.
var body: some View {
Toggle(title, isOn: $isOn)
.padding()
}Usarlo in un parent
Il parent possiede l'impostazione con @State, poi inserisce la riga e passa il valore con un simbolo del dollaro.
struct SettingsView: View {
@State private var notify = true
var body: some View { ToggleRow(title: "Notify", isOn: $notify) }
}Riutilizzarlo ovunque
Ora aggiunga dieci impostazioni con dieci righe, ciascuna collegata al proprio stato. Una piccola view, riutilizzata in tutta la schermata.
ToggleRow(title: "Sound", isOn: $sound)
ToggleRow(title: "Vibrate", isOn: $vibrate)Il parent vede ogni modifica
Attivi o disattivi una riga qualsiasi e il relativo @State del parent si aggiorna all'istante. Il parent può reagire subito al nuovo valore.
Text(notify ? "On" : "Off")
.foregroundStyle(notify ? .green : .gray)Mantenga il child semplice
La riga non deve sapere dove si trovano i dati. Modifica semplicemente il binding che ha ricevuto, diventando così portabile.
Aggiungere un po' di stile
Poiché la riga è un'unica view, può applicarle lo stile una volta sola e ogni istanza avrà lo stesso aspetto. La coerenza è automatica. 💅
Toggle(title, isOn: $isOn)
.tint(.orange)
.font(.headline)Cambiare il tipo in seguito
Vuole invece una riga per un numero? Cambi il tipo del binding e lo stesso schema funzionerà per qualsiasi valore modificabile.
Piccoli componenti, grandi app
Le righe riutilizzabili basate sui binding aiutano le app reali a rimanere ordinate. Combini tanti piccoli editor in un'unica schermata delle impostazioni.
Verifica rapida
Verifica rapida sulla riga con toggle.
Riepilogo: un editor riutilizzabile
Una view child con un @Binding diventa un editor riutilizzabile. Passi lo stato con il simbolo del dollaro e lo inserisca ovunque. 🎉
Impara Swift con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 30
- Lezioni
- 120
Domande Frequenti
La lezione «Creare una riga Toggle riutilizzabile» è gratuita?
Sì — il testo completo di «Creare una riga Toggle riutilizzabile» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.
Cosa imparerò in «Creare una riga Toggle riutilizzabile»?
Crei una vista figlia che modifica lo stato della vista padre. Eserciti SwiftUI Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare SwiftUI Academy?
Non è richiesta alcuna esperienza precedente. SwiftUI Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.
Quanto tempo richiede la lezione «Creare una riga Toggle riutilizzabile»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione SwiftUI Academy?
Sì. Ogni lezione SwiftUI Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Perché i figli hanno bisogno di @Binding
- Passare un binding verso il basso
- Creare una riga Toggle riutilizzabile
- @State e @Binding a confronto