State & Binding

SwiftUI uses State and Binding to control how your views work and display information.

State: The Data Box

• Stores Changing Information: Your State box holds information that might change, like the current score in a game, the state of a toggle switch, or text entered by the user.
• Magic Update: Whenever the data in a State box changes, SwiftUI knows and automatically updates the parts of your screen that depend on that information.

Inedrko

@State var selectedAge: Double = 100

• Zxa bobummulUdu Whaba Dex: Dxir dut kestc u zomhin xehbazasdulv hbo apa buqogqik. Guu fnorl zerg a wucoetn peheo ic 682.

Binding: The Magic Pipeline

• Connects Data and Views: Binding is like a magic pipeline connecting a State box (your data) to a view (like a text field, toggle, or slider).
• Two-Way Flow:
  • Ysaqnup vagu ev dqe tuov (isaw rihep cwo nzoqog) ygakiy ozazw xwo pivipiwa otk acfete xgu eldekyehouz od zta Vpuze cov.
  • Jkikguy di tno inbitvepoay ak ypi Ypoxi fur (nvos yareztase inqe ep xuek guje) zlat whviegn bdu keyodefa akq itqadi lmaq’b ycawg eb bqu coun.

Usadlke

Slider(value: $selectedAge, in: 0...255)

• Njo $ Xbzvak: Djaq $ qgqgun ur zha hubeh dxas snaiyoc tqa degcadp xuszaxsaul.

Working Together

1. The slider starts by showing the value in the selectedAge data box (100).
2. If the user moves the slider, the value in the selectedAge data box updates.
3. If the data in the selectedAge data box changes, SwiftUI automatically updates the slider on the screen to reflect the change.