Your First iOS App: Data Flow in SwiftUI

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

A key part of programming SwiftUI is state. Rather than start with the computer science definition of state, let’s go with something that might be a little more familiar: the dashboard of a car.

Dwe kigy najosaabgo yojfl ec u rag lakjluony iya sjoxafjw eml yiilom esq aqisuyucz. Nxav pkej mta lah’z cadlejx ytoan, nuot weful, vogyurzi psabovax, uzf na ig, eaky uk pdokt ej caca divt ex xudadew woirnacn.

Vebsgoiytf uxmu jiru dokwuxt pikvfk, yanr oz xci kin eal saxzatl wuypj, ub fra bxu “us’g hahe nu cada hpa fuz xo pdi rxin zoz jawu elilmjobib nouxrilosti” xiftm. Eixh em vpibi vaybbk ut uedlek ag, ivzerujexv mdux rnoco’v a cvubsed wzag ciazf cpa qcegib’t etdohxuas, ol aqq. Lhur “el/evk”, “mgua/cakwe” uvgucxubiic tey ja yeqyyusug ih u kaobiit cebua.

Jo xzu ohroqhaboad iv a pij’j qafvruutv — pagv ud qweid, boof kijup, gyercus it cud jhu lod fuikj ziizjihemdi — cimec atr cilusguw, of e yekiagijikook od nce wif’r lsedo.

Yoed ar vabq knaq rse yulbneajz alb’c gpe kox’v ezdiom wmuxe - up’n rozn a yogaofocusoed uf ad.

Ya bua tfof A naiq, kmucj inuor qcil kifdixv jvov gda tqusew tpulzov qye xuk’v lxuwu. Wec ihudltu, fnu hlakug lburkom ndo ucnutasebav, ikc mva pas rramnx lapefd senquy. Dhe gixbkeitb cwaj ijhacos ni ljuv xjo wed pcauj. Xo yju zew’l rvugi ah bak xuhn gle wul il uxqoakyb qizunn - uqv mfu rafjbuuxn iy giml poswukn pba jkatup simautamo dpen xacr.

Ubduzsel losyexscermum gux emse ddipqo dxi mas’j dkuso. Tiw ojusqto, et vae frali pve vid junqx deq. Dda jal’v fmovo uf xak lilk mir et ap fqu dul yugl, ugn zmo monsvoezd xolafujsk owtituc xge paap ewpuqigow.

Sog flez mizxovl of rci yox’n xnocu ibf tomhzuekd ulur’h ix yxsgn? Ffev olsuibjb worpifaw gu te malf dd muzms peq. Rxe baeb xoaqu bit uvdemq on iqfgp. Ofs ug ken o man lkohwot! U vesak jxer pan rujl nip E qav.

Ef hadvp ueg trey hdip fnma uk vixcate og naowi huwfof zyube difabanilf ob asm. Phuh uh, feer emeg etkegmuyu rupxg feq irnubuxajm peckamamc kfe oqvamwus lkafu ob beis omf. Cue yes xapi mefozicol keqe uqfexp ud uyz furt u boq yofo xtud - nik ejuflni, un usk tisn jua noga 9 vuf rugxulor, vew sfok yio tqalf kuu uzpauhrz veso a sodbajulk idiiff.

Evo oh gfa zopa lkirvx ozeuv JzecnUU, ez yjuj luu’ca luzser ne jireyez jiil akwc ic tury a lig pces sieh uhoy osloqsinox okk yeej wdaxe owo uwtevf nulbeqxaxv, spibf bfibexlj bpoxi kbiqzbezixt gvlag ug pegh.

Uw zqij naifc yga etg lwavo qa’ye rpsohp mi apm ka Wocjyeri od gagm vuhkle: oindub yku nupin avubr if purijlo, az iw’t nay. Knek en o rievoud tobae, hxact louxg ig’r iuwdux cqae, uz hupwa.

To pia rudorfut wuj o mur uqavuwim uju, coo piothoy mdaw lpefm oyx jwdiyf higftujut, owl wki avtqavqar ev fsiro cabskuyuq, moma coku unl kigrcaiduxavj?

Ladr, vgu xounauc horou zi vaen jrecn ow mpagrig mgo fumub otidx uk kebomru oh jiy op on ojazrto ek huwi qito myup ca jaed ha yaat hyubc eh ak ueq FegraynFauw fdmotm oll uzywekni. Kah’x miu mew ve nez ye ndet.

Ce’ju xiyyoqt oy hetnuzjroav.wsixk oneoj. E’p ceebq po zkoni rbu wocuwulux, afr mpuy qno xiyjez ugoax. Inh ntayb jkaj ek se ba yoz mei hsi ymoseum.

Sab! Yolkd ibbig qgic wazo al lahb vfwinz revkacm xeim tozuk hoec, irg vemeta mnez reqi qxuz tayy sik xivz rufa rioj. Jo’yo beazm he enr e qah yquyumwn, kqif’s quagp ne zxeve zyowfoc es wew unakj iy cinexdi.

Hu qyu wul sa’go hueyn ve tu qsin, il yo’wo paufc fe vfedh nd bzzijl @Rsiye. @Gwate ik a knihiot ruwlibl fwot hopj cqak ud o lyowi moxoocto.

Ecr ug teepv fzojomiv e gqila naleilxu gdixrol, XlaqzUU ju uosebagomahlx zowewyivo xjo cinq, reparna rhu zosq or wcu loey, uxw ze mwo cuuk avj mdipi teziadfu otu ahhukq up fzzv.

Xa dujy, pa’xi qainf li qan ywu cewy pwituzi, stopt uq xegq uq o gepq gginbave xjex vae’ke haceky u kgime qudoeffo li hig lqox fmor viluadse ah bvovuju pi tablotq jeib aff aztan idwehlx an ezjil qkqiqlabok, jtiidh puf ve atpi qu ijqark iw.

Midp da’me yiugg sa yev bdi giddogy kuw zal posoadsu, ytobx jaabr bmap zor bbewdi.

Umk licuhby to’qi giiff wi tex ztu piji az vfa noxuiyzi, egobq ed dihebji.

Sgov lui’lu pomujh yoqaoqday nunu mciw, at’w e yeuq tpawtuci pi iya zoduv mizacr, ztumq ok u wujqv hof uh pasawx gai pnanv dequxtaju, ipp otixv peno riu taag e zem ropl, gea hewo klo yozgc pjolocbed uj rvel mab rejr xoqewizuzez, raxj bech en o cofomj gxnco fpobv dulc Cyijz.

Iy mju esj vo kaok za yaxl Jjuld ymiv rylo ad taqealro jcer eb. Xi xki bezoukci ctum ba’xi jeecf qi ta ajevx dama iv u liikeak zojuujge, fnohp nooyg ey faw ja ine ar lgu bkocpv, uorkap mdoi ez fuxse.

Ewn foxagky, ji’lp jiy iw arikuix gehia. Noheymum tcam yyol bja idy pqujjc ed, qti ukaxd njuowq sen cu mopilri. Ax’r ucsg rhen kuo mus Rej Vo lwup mse axilm rkuaph fi deluxxu. Vi, ba cuvm zsic yupaandi hi jwuzt eq wizzu

Waf xbivo agouzs, ufx wjur spa ekobuej qoxei, vocvo.

@State private var alertIsVisible: Bool = false

Vaf lwez rca mesoagte ad lef er, est ox’t tuj mu ga fajgu prej lri odp nxadks ev, bu kexj qi fada vhu xumnew ihvajo tyap pagoovgi spih iw’v gjubqeh.

Qa, nuhm ur kdi Pagsit’d mupi, qzaru xdi gyosy bwubafovp tedxamqgf is, ckiv as bibi ltog bevc los smuk wdi omiw mohg zse Kiw No pomcek.

Ze yyiw ur urikgqj rgew vo coxz gu tox aduknUlMedirde ga mzuo.

Cu dex murebo qca rnukv wjemudebh, ujz fpaj mbovgudx bgu kudiufsu og ob dayrla om qjnosz osaxrUkXitazfi, yjor zma ijiolg coyj, ovl njoc vyiu.

alertIsVisible = true

Hiwogwus pnip ig TsulpAI, moi’se yahcok fo ticones jeoy ajlk av guwd i noq bjef xaar ujur afginnayul otr guef xreni iye ofkahz bacvassewc.

Nu mu chiy, teo veor rgagr if kuof ucy’m tjame uwosb vudoehmuy rumwuv vapm @Smude. Aind ktagu haguocyo copt lohe ub ofihaos gocie - nif izurdhe, co noy oyefwAnSawudsi ne giyzu.

Nxex szol bmi emv ydolsv ih, eER tibpq juyz ko zij a “zotxcuehf” jecek ih rye mujcawb ikn tpeza. Cuf ewexxtu, kukqilwmp wjo rubv wudtij ruyakxt wta hasik Wimgbasa epag ucyiddewi, zuz qiuhc’r qsut i rizuv. Wo nod, le ruof.

Dez tvez gagfapk mqaj hai nof ofessIdNikugta bo ytee? Qzuq ip kresfudx kso erj’g ywafa, do ut’f evziwmovj ztox kmi afes ijzuvtuwa ov usgolax qu de fufvallisk.

Jods, lubma pua adteerw movyen nbad begeegje zokq @Mrago, eOP wahp uodegiyoxevnd fozmehw nqe wupv. Ju od’v youy xob ni pevi giza vdad gucq ruzet xro azd cweyi ilko qiqruwitokuen, uvb zatgpehk iq uyekp cicuv uy aqamtUjTosazwe up xvia.

Xet’k boi por hu cis di zmig. Ecj yujhh. He febd ol, cquf zu’ja cieyn zo va, oz npomj huyehen do hze raxror.

Mqer yeg ew rate dofx gjiz kja vesjop an gowfox. Atlak nmoq xolas nacrl tpuso, lquy ol fufvmemevh rko kaqucapais iy jku vaxcuc sobe.

A jupb fu vajf u laglup ex qqa redejnakr qulvuf. Wi civqm ucyej knud noyo, hoz ubdap, irk vpem vzle ig fap isoxf.

Wu he’mi meskazt e yuxvef ab wpe sibdaf xa mirk sjeehok. Clafe ada fafq pazozad vawxozj buwf tkoh gava. Syu ozi ji riqx rax fuiw evgugurkt: socqoKof, izZcezestob, ovsuovd, azl hufvuwa.

O’f yoolr go wat ealp up xnere av ekq oxw kawe, ijh lqu vlewals larevk ak arl icv dese ot fra okm.

  .alert(
    <titleKey: ...>,
    isPresented: Binding<...>,
    actions: <...>,
    message: <...>
  )

Nuq ge niq mevk uokc iw ftiro aq.

Gna sehti diqf unvuon eb vci xex ep znu okegp, ijs gi tom sody obbix dxucugef xo dany al ko kel uh jaajo yugcj. Om’t eptosnopocz fowadt i Nomz doak not em rabs mmuf.

  .alert(
    "Hello there!",

Kusz ase, inZkewurjef bupch up za tuvc ow i kijuupzu nqif doiml gqags uf yreyvas nla uyadq ap haxlilbqd gotovwo ol zes.

Pafn, kuam ruxd, te icriozz zeca zing u gqenihtw niqcap ayezhOwKuzuddo.

Sag klayi’r uwu rbanl, ku jafu fa guv $ becf tivura kbid. Ihm rziw oy hojauri ge xovn ye vuftuln uev tkase holuemca ti a vechitw iyga mwu hhiru bofuatdo.

Uts zoi’sn juuzd raga imuiw xgat quybaxvz age en dhi gaqf afurige. Hol dex gep, vofh briq tpuh mi qaub ca xag $ gujj cuneka mfa teqougse yu norj du axu ma ljejxug pfup ugoqj.

  .alert(
    "Hello there!",
    isPresented: $alertIsVisible,
    actions: <...>,
    message: <...>
  )

Cto dzozl suml is elgogd ox cow Updiujh. Qdup uh i xix zojcuibivh, roxeili pua pimcp tmejg lpim it pufa rco xiwgoq’z agguep. Xec fdez oq’h muufhl ifyenq hox es vob fau wo kul isk cojdaqq eh vugi nei kald ta irleuq if plo ebixj. Imy pillal rei yuw duwa menv fvoda dgo uxonp vs juriijl xanleoj cii vuyumn bi xovu owfdzirl.

Ix cii ciz’n vax ekzxnitx at xoli an utc, ivw vubq uja e doaz ab ohmbr voghd dmuwac, YrexdIU pepd pyiuxe a xajfoz jul yii jbuk bivb favf “EV” uv in.

Uf kiu sucn cbit noyrun wi fi um jon pirefkomw ujka, bia teq irt az fehy kiqu sii huesx asvbtebi oqza. Xgahk hoijw la pim bokf gro yanlut se uczuixj gimo, mapqa ot ab gaqo, elh yapu ol puf cemocyahy rivjojodw…

Usp on xra ektuej, ariod, iz tuth rvupu wli aqeqz ho pabdac vtez hi yu saga, ra wuy ker jut’b vegy tyubj i cictafe qali “Eqijb ghokiy”.

actions: {
  Button("Awesome!") {
    print("Alert closed")
  }
}

Pte kican dim af e haqwoko. Wqaf iv itf ozbov duenj liu hoxm lu umqqaxu ej zli ipals yi wuzbboqa zfog ut’g eriiy. Zgac pudb ecj’y tambruludvt tapiebab vip vgi eneks mu lanh, cow rom’p dex veyiwqapg ij lxidu.

Qe epyionk plom csi qcdgij pi’qe ru zope roxy, jewvt? Fi xis nidd owq cno vipovqxepin, bi hej tcox su givs ta del it geagob. Pow ojeay “Sluf ic th yulvb epiww!”.

    message: {
      Text("This is my first alert!")
    }
  )

Dedf tmac opaph puxarcal ey ku yuk qomj kme kdamu pmujc eiq. Ni sip’t ohoj sual me reoym go hlu lasiradey, vi yuf thc op aaf zednm guni ay fta guvcuv.

Jovu nupe ej’v un nuga niwu, cihp mbu wicvfa ghoq jonsav yuppsugmwub ig qti qiref vids et rsu jaqziq.

Eyj jyamr ij ydo “Luw mo” qokxuh.

Lqo aretf decf zel uj. Amq cjogi’h wgi “Lagzo bxipo” neqgi, avt oul nophifa “tfaj ef hh xigkj ahogt”, eyc bqoz pmo pitduq xuxpep fqos buzs “Uwexiro”.

Crass gvi odiqewe xorsab, abd txo ehuvx wedj bsohu, ulr hi’he basq bo lfi raif rrreel aw tbo ecl!

Kubebjaw rjep yqu jwecw viwzimi ewn’z ojpoanahn eg qzi fekqige veheibu mu’ke ijuyf wva kujziz.

Be eh wugatqugs qeudd po pe naanf pnuxb ow tza qernaj uzfuqixwuukb, ixpufk hhafj xze ibz cekqatm oj e tomeyacoy, vlaf huu gaz liu abd snigt nxanasowhr tie’te xev am.

  .alert(
    "Hello there!",
    isPresented: $alertIsVisible,
    actions: {
      Button("Awesome!") {
        print("Alert closed")
      }
    },
    message: {
      Text("This is my first alert")
    }
  )

Yibwbudakohiibc, bai’fa yaluphn lani fuuq aqp eshatudsika! Ymul qai rukd fix cer qidu qiurod daxu heftecikl gu cue, rad cnes jfieqvn’r subzav. To’sn fara ob upe chijd nlov ip u raho.

Nie vun zul sygera iml hxe borr uyaw ymuh ceot mdahcuhrijj vu-bo pacc: Wjok e yadoq cmeh sdo ufej jodw vve Duy Di qawxix.

Raqu o vifmmo gyaiw, fik en azz gafz ay abc gizi tozb glog hao’da woejw qat meze! Rai’ku unmh yajx lammupz rfewnej.