Pourquoi les vues enfants ont besoin de @Binding
Comprenez le flux de données bidirectionnel entre les vues.
Pourquoi les vues enfants ont besoin de @Binding est une leçon SwiftUI Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage SwiftUI Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours SwiftUI Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
Two Views, One Truth
When a parent owns a value and a child needs to change it, they must share one source of truth. Otherwise they drift apart. 🔗
The Problem with Copies
If you just pass a value into a child, the child gets a copy. Editing that copy never touches the parents original data.
Enter @Binding
A @Binding is a two-way connection. The child reads and writes the parents value directly, with no copy in between.
Reference, Not a Copy
Think of a binding as a remote control. The child does not own the data; it just holds a reference to where it lives.
Who Owns What
The parent owns the state with @State. The child only borrows it through @Binding. Ownership stays in one clear place.
Two-Way Data Flow
With a binding, changes flow both ways. The parent updates the child, and the child can update the parent. Everything stays in sync.
A Binding in a Child
A child view declares a binding for the value it needs to mutate, marked with the @Binding property wrapper.
struct ChildView: View {
@Binding var isOn: Bool
var body: some View {
Toggle("Lights", isOn: $isOn)
}
}SwiftUI Built on Bindings
You have used bindings already. Toggle, TextField, and Slider all take a binding so they can write back the value you change.
Why It Matters
Bindings let you split a big screen into small, focused child views without losing shared state. This keeps your code reusable. ✨
No Duplicate State
Never copy the same value into both parent and child as separate @State. That creates two truths that quietly disagree.
Single Source, Many Views
One value, many views editing it safely: that is the promise of @Binding. The next lessons show how to wire it up.
Quick Check
Quick check on shared state.
Recap: Sharing One Truth
A parent owns state; a child borrows it with @Binding for safe two-way edits. One source of truth keeps every view in sync. 🎉
Questions Fréquemment Posées
La leçon « Pourquoi les vues enfants ont besoin de @Binding » est-elle gratuite ?
Oui — le texte complet de « Pourquoi les vues enfants ont besoin de @Binding » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours SwiftUI Academy, passe à CoddyKit PRO. Le cours SwiftUI Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Pourquoi les vues enfants ont besoin de @Binding » ?
Comprenez le flux de données bidirectionnel entre les vues. Tu pratiques SwiftUI Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer SwiftUI Academy ?
Aucune expérience préalable n'est requise. SwiftUI Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Pourquoi les vues enfants ont besoin de @Binding » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon SwiftUI Academy ?
Oui. Chaque leçon SwiftUI Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Pourquoi les vues enfants ont besoin de @Binding
- Transmettre une liaison vers le bas
- Créer une ligne de commutateur réutilisable
- @State ou @Binding