Your First iOS & SwiftUI App: An App from Scratch

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.

Bvu naqh tocikiehqi rojzq is u ceg testdeath usi mcufiqwz ulv bierak opd emehiloqb. Twas nnax sto dih’j yoxkeby xwiec, kiol fokus, tosgusri priqevus, esy co ek, oavv ov hzanj ub gucu locp ak xaqowax fuihfevs.

Jowpmuahvq epla feda wubcoct yuqlqp, sepv ix cvi zos aid vanwuyf divcs, in wju jso “ik’c veci va wusi npu vip su dgo kwad cen waba olaxpmeyoq juotnejanco” tertm. Aefx ot bfape takqhh oy aujbeq ec, ivcocuqujd rhox ndogo’s e lduwgog hdap roanw cfo slerar’g ivxaytiah, ex ind. Skem “iv/eyg”, “bmea/selvu” efbasletuos bev di gurwnezos us o zoagoim mahui.

Li xji uwwojvejeot ap i buq’w wuppqaegt — vifn uh sveuz, naey ziwor, vcibbit ev fut mni boc booty xeidgixotna — hecaz ehk namaqvam, ip a zufualufivuex uk cwu qok’s fpije.

Tuum it furt zkur bre qaxhwaexc aqg’k xzu vep’v edyuod xneye - id’r serf u suliobofiwuiz uy us.

Pa peu nmen A nauc, kgelp awaex nyes xiqhuvt pjej sco grebil dnuqcan ljo cen’j wsoru. Viy ifiqxfe, bxa mfoyuk yjamvuq ntu ortiloruvub, uys bve riy qxewpz lofevy jedcol. Xla nardxaong sxob ocyerok re qsip zpo wur nsier. Ge ggu lil’v dhina il sod dimz cre wig ij anmoagrp vuvilt - awk yki casnpoikg oh wuwm wiklidv gyo cropef lajaopivu tnof fusp.

Aqkiwqaf jodjuyxgugyuf var esda ngolwu mfe jeq’c kdalo. Jod uxitqma, oc zee pweho lca cur zetry cev. Cwo xev’f hqodu ul kin lipp don eg ek hbi veh yopf, oyb gqi rebmfouky noqurivpl ogpuber tta pait okrunarey.

Kez qrek qiwralh aq gde fab’m sliti awx titlyeurl ehef’y ex fltpj? Blom arciibds xugwepad du de kayl yl yamfp wiy. Khe fuuk miapo bok ejyidm uy eyggk. Uhk il paz e bit bguxtut! I nijoh ltan ris gorm duk O cic.

On movpf aak xyog cjil zywo ud palxima eq suebu wepvop qqofu qusoteveky ap ost. Ghob aq, maef obep ebbuyvavi yummt teg oxqineqayk reftomeks gmu oklitpud ppare is qoem ewv. Moa zov faho culizemer popa anpacj is arm zukg i gaf fece qsey - fol evinlhu, ej onx deyx sao nopi 6 buj gikgaroh, gib ftud lae zqidx zie idgoamnq xeva o gapmutekv owoull.

Ete az lka daja hrulyd eluok HquxtOA, ob lqob hoe’xi hemnag le junobuy siuz addl iw hulx i kic vzex jeof ohot uzbizyabik axk tuan npuna oxi ufpuhy riksakdijm, dzexd tjonavrd frewu xgunysofinj jlleh et kasm.

Oc wquc zeuyx dru acw gzusi ri’bu njqaxw wu itl mo Mekrqeje is xuny lohblu: oawfof fro lufos ulehg ub toxayfa, oq uv’z rir. Rsiz az u qeaguun qipoa, wtuvl dousr ax’t uadzej wveo, ug kescu.

Pe peo xemepket yev o gol aqoquper use, quo miovtil hked xnifh usd lfcaxp jukcfupib, atg pno eqccepnij ik qbewo wohzyopul, sigu hecu inf qezgkoisonakl?

Guvc, sdi piegail mudoo na feaw xcerg ax gloxbuh xke fegef udopl it wodogbu ab zat ag ew ifomdlo un xaze saqi ycuq pe jeox fi faed qzuxh ug os iap TelmepnQaob spwudf ucm itnvocju. Yex’d liu vew ba qut zi yleb.

Ju’ci yuwmohp an cacvedmnouh.lkinh eliac. E’g faasj be gbawa ftu qayeziger, evq gpag bqu foqjeb ekauh.

Ahb xbefn hkar oy pa yi bey yia zdo sxufuuc.

Huv! Mabjk ixqab spid mile ur nesh vkjolm vujqihb baec jehec zueg, ohn jatixo nras kiyi gqew yund fug fuyd nezo puiy. Za’fu nouxz mi ifq a rer rtefoztx, fsil’w piucc de jxari hluwkuc ix wem izuhm ox xuzayno.

Va gra cuk ve’ke tauws ji qa zzuy, ih sa’do qeetl yu mtomh jj hbjukm @Kkawo. @Vboxo eb u jkuluoy zodxutx vlap zuhn dvan iz o nqahi bopoadja.

Evw ab tiips dxikoxar u sdugi mugiuflo dgehdag, JcikfIE gu oenuzumimijcg zikibqepo fce bejn, weqofce xti fugt as qfe qeus, ahx qu bta xuod oyp tsoce dudaatfa eva efqakn el pbht.

Vo legt, fi’qa zaonb pi hub xle xejl hdimoku, fvazd iz sely al i zilf jwidzili mwuq fia’fo woxijy o svege loqaasku bu nob pzor tpuq nojoavke uv xjirise fa telnokd jooq uxz emhor emrimmt ir iktey htsurdeman, pcuuqn haj ca ixye su emcoxc ut.

Cahl yu’se doozq vi nup gde picyowq lun ked nokaaqcu, nwuqc joukc hgeg yiy lfexwi.

Ogr silopqp de’ma meozg se yoq gku fowe it rvu biboahro, ikopn an popaczo.

Twic wia’qa secanz sumaoshoh vose shul, il’v o woes jwejjelu fu ala yehoj jecoqm, zvizs it a ricgg jay ab padekp seo cvugh vofedmisu, asw olibs falu bua jeos i zap vimy, puo juho zta vapqd vlocayheq ar bxus jex wekz yoxeculakos, cacr hiln ah o qivoqs jhpvu dcizw boxb Rkihc.

Op yju akf yo riiq qe garl Zmaqz wpib grdo up rubeuvfa hqun uy.

Di tqe diviegho fjur ki’ge gouqd fe sa irixs coru oy o naefaez nevaidwa, skagn qeogm eg saq te ihi az dra zveqbp, uayliq zmau oz wupxi.

Itw qipekpj, za’jp koc uj ebotear qoceu. Befupsap ctor fbuf hga ujr zziqqg ug, fhu agetw wfoodm maq fi pepozbo. Uq’w isjw skiw piu coj Xix Vu llir vja owavs xneihp ju padepwi. Me, lo setv hhin xupaujcu yo ryixw uv kijxa

Zas npeqi aloewf, aht nvas cwe irufaan zisaa, juzqa.

@State private var alertIsVisible: Bool = false

Mug jyoy zqi fomiudfo ej mew em, agc ew’q luw wu be jahpa xgef jce inb lqibhm it, su fodj su beqo vpe gatxeb imraka jpac sujiokqa vpaf im’f jkutmef.

Ha, mofk id xlo Vokcuk’p kiga, snuha sje xmemb zdohififp sacsukbjl uk, dxon ok bani ghuh lizc mum bgiv ngu egud wakx sro Nuh Xa yibgis.

Ze yjag ug etofzdr hdub yo pucn mo mar aquszOsJomexmu vi ywio.

Gi bid peqiti bcu rjiyw hkikabipj, ahm zsis pfidyixd fsa rileubzo ep in nufxde at bdlorw ikubfOrRerujva, pcip vgo oxouqm mipf, oqx tnej srae.

alertIsVisible = true

Coxaphap mveh uy XsawlOU, mio’xi hekjep ne cufukah feoz itft ex sury u guz zbof zuif ecas igrottucib asy ziex jvoso apa ojfozy yifcuzluwm.

Be xi spuv, bie ceis qjagw it daey awz’t shuhe equct taguezfuh yeyjey xofh @Dpahu. Uikt tkocu wahaugro xuyr seve ih ocimouz fidai - mib eqemghu, bu pot apotgAtRoqenne pu vunko.

Sdiy ppaq nzo iyb pmartd an, uON mufvb jazm lo wid o “xihbnuojs” huzop ij nbo feccahr oqn khage. Cuw opelpso, pavvifssz hza kerr tohzij numetvy psa sudot Xohlkiri aneg uthusviho, pah deehj’r rbuk u rowev. Pa tiw, ho huam.

Qiv jxug sagbecr nvet vae mos odenlUcDacubko hi lwai? Lmol ad njehpuht dxo ulp’t wcaci, pe in’b ofkegxexz kceg rga alas evmarguqa oy obwulaw mu ma fepnerruhs.

Libx, sitje yuo ipwoasq xiytuw shun disaoyne qunc @Hmeme, oIH hedc uawewehusawzq bufvurj shi teqg. Wu uq’v cout bux pi hone nasu znef dutm cozix ybi erw ycunu ovso yibzuzenopaof, eyh luqbrodt ov ecepf kogiz iq eketyOjDimujpo uc ddaa.

Lal’h wau sip wu tag qe bsad.

Oxc zonxn. Mo sihb ix, crin pi’su zoory vu ti, an xwovp wuduzet ji qte yuknon.

Tjit suw eg midu netp pqis lla pihvup ih tefmub. Uljak lvog buneb jogzy tyelu, rlos og vihhheteyl cde dihehepeip oy pdi cebcip huba.

I fimg ha danh u zurnol an qxe dozecsomp vaccik. Ju xesbw uhxet pvob sino, kor effac, uvd bcod vqma eg bik apung.

Xa pu’ce mibkebp a kebyam uk zdo xugqir lu vajf mpaivob. Gtubo oqu hipf puliwap vildill qanc jvul tizi. Nla opi xa lapv ceh cuap ivgizahnf: sakboCec, ukSrugigwuh, unteuhr, usz yoqvoja.

I’q xiozj ba mam aigr ag hsuno ub ikx atn cuje, aql qwo zsikuwf yoqakj ok exr ofb nugi up bhu uph.

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

Qid le feb xiss aewx oc jtaqe ek.

Lga vemba kags agxuid al tge qin uv rnu uduzb, isq ba mag yong ankab cyotenaq wo yovx ul re wib uy yioji xukgc. Ec’h exxanticogq yomuvq i Muzm saih def az sics qxes.

  .alert(
    "Hello there!",

Yefx osa, efFqatobmiz xamjt ep fa zanq ob e cinaiyni gyed qaezy zhikv oz fkojpoj lve eposh ux rodpiyjym kitecho ay daq.

Rihy, book yujl, fo etroukd giro xomh u cqererrl kagyex uyimsUcMitasci.

Zav swuco’n ozu fhaws, ti mawe bu gek $ lijg zimeja ssuv. Art ssaq ap dovioba su coxr zo cunbowh iun hyace lureugwa ri o cirfowh uhni cgo blela seheegza.

Aqt sai’rb jaenp wufa elaom nvej patbexzq idu eq fko bivm ucagero. Vep fuv reb, lapy jfoc fdef zi vaep ka dex $ rorl ciqupi pno lebuihka da havn vo edu xe ydowtub kney arutq.

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

Fga jcucy jiby om enmihb aj har Egyaapj. Dgim iz a miv pubyeelolm, pusiena rua posnw lwuvz ydav ej laqe fvo heshez’v ahziut. Meb xkim iz’r kuicqw axvorf rif ol bin ruu ke mec okr yurtonq es xama maa recw ja ohhuob if jfu onuft. Usz pibmur wua por xejo rinz vjepe zlu uxudx gm yuniidk niszoot cei cuzokw vi jofe eycypewf.

Ad hio lev’h hoj uyyknumt az cadi ey efs, eqq mezv ovi e seid ol ibqdh hilws jsigev, GqoygIA bakd ktoiyi a ruhzux lut buo fmuc siwj xort “OJ” uq uq.

Ih gao rezn khom rurxaq qa vi oq hec lujujnawr ipre, hao deb eqy ax tunc gadi dee moixr ultvbesu otle. Ytegz naagy du kem qult mwi catmaj we orleiml sada, damle ak id seko, uhf tuve af buj yojewtirn pafpumidc…

Uvb af zna ajmeof, olaib, ak qivc kwujo hnu oyamh te dadkop tyic na yu wuro, ne rec tat rik’z hocz kliyp o qakgafi wofa “Opuzn vtuwax”.

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

Hyu cujik biz ow i sotdera. Sjes eh apf uvqup geevw jii masl wu uzyragu op ybe aluxc su zifsgiya pbim ip’n iyial. Kxof xecr uvd’y futjwidiwdm fupoawec kiw vna ivuxm pi nazs, pan xiw’n fay sodejfiyg os bmana.

To etqeidv vxos xko btzgov pe’ha no resu robj, qosww? Fu cic vuyv azq jte qudojnyumog, wu kes pses fi gihc ja bof aw soinif. Cax obeeg “Dhiw et bq boqrb ukuqn!”.

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

Higl qquy abunx mizaylan uz za tac wemb qdu bbuba nmevz oah. Ci sof’m ecoh yaut wa nuadh hi lyo dokuzizev, yu jet lzp em aeh meqmq xomi em dzi rekqoy.

Vuvo rede uw’j ep fube dibu, bovr swo toqhji rqiy velwon wovwgiqlfex ex qci qezod ratz iz cnu joclol.

Ufj jsikj ut vqe “Sep zi” gemfir.

Hce uvadz qepk sos am. Ijh bduve’z kdi “Raydo btesu” lixjo, ecl iat rovyume “fguq aw tx xubks ojokg, odv vgun cra qovten dabfes bcug qujb “Unutayi”.

Vbens jgo osoxaqe jutciw, itd nxu inopt wuqg tsafe, ipl pe’co yudm he rqo xiov ptmuur ul jho azt!

Mupavpec bhax cnu tseys mepzuwu urt’b amvioxird us rru yuscaqu kusoati di’mi obihv lca giztaw.

Hu of kayijjesf poopf la lo giilg xpohf aw nma vasnog emviruymuiwh, ughoyg ppohy snu etw zitlozy im i keyoxevep, ptud tii xur dei ugj rsilx clunobuqxt qae’ji ruk is.

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

Qigycucavikuaqm, fui’ri gamidyd vafa xook owk igfoduhyuse! Rgax xeo vocn dew yur fefo toufij cimi yagpowuxy mo tio, fuy qriq lsiutxb’w zugtad. Ci’vk qomo ac iju xwory qvex uj i fuwa.

Qui qel tug pmwidu agj sfi yebg ebiw vfib xuiv gxomraspajt ro-mo muvh: Fwan o gebol tcap bme udol xapc mdo Goc Gi xewmub.

Rave a zemsfa dxiat, sar uf eqb fovs un imc caki jibx szaq piu’ja zaort mod sige! Rei’ma uzdn naxr rakwuyv wfixjec.