De tekst interactief maken

Om de geslapen uren bij te werken, moet je van 6.5 een variabele maken.

 

Dit wordt gedaan tussen de ContentView en de body. Je kunt de plaats tussen contentView en body bekijken als het hoofd of de back-end van je app. Dit is waar alle logica en denkwerk plaats vindt.

 

@State var betekent dat dit een variabele is die een gebruiker kan wijzigen.

 

urenGeslapen Dit is de naam die je je variabele kunt geven. Het kan van alles zijn, maar het is het beste om het beschrijvend te maken om je code goed leesbaar te houden. Het moet één woord zijn, dus gebruik camelCase om woorden samen te voegen.

 

6.0 Is de waarde die wordt gezien de eerste keer dat de gebruiker dit scherm ziet, dus het kan ook beginnen met 0.0. Zorg ervoor dat je een decimaal gebruikt.

 

Hoe kan je nu urenGeslapen op je scherm zetten?

Voeg een variabele toe

 

Hoe zet je urenGeslapen op je scherm?

 

Dit kan worden gedaan met string-interpolatie. String interpolatie is een variabele in een tekstview plaatsen.

 

Text(“Ik heb \(urenGeslapen) uur geslapen”)

 

Met \() kun je variabelen toevoegen aan Text().

 

De bovenstaande code ziet er niet helemaal goed uit. Er worden te veel nullen op het scherm laten zien. Voeg .formatted() toe om ervoor te zorgen dat het alleen de benodigde decimalen toont.

 

Text(“Ik heb \(urenGeslapen.formatted()) uur geslapen vannacht")

 

Wat heeft dit voor zin? Het ziet er precies hetzelfde uit als het scherm op het vorige scherm? Dit is belangrijk omdat je nu een schuifregelaar (slider) kan toevoegen die de waarde van de variabele bijwerkt en live weergeeft in je Textview.

String interpolatie