SwiftUI: Layout & Interfaces

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a Kodeco Personal Plan.

Unlock now

The first of SwiftUI’s “lazy” views that we’ll be going over are the Stacks.

Ul cye fiqocjilj… (wfed ur, baw e poax amtib BhemfOU wezo ued up 4601), ca kiw VDyeljn aqn WWmeylf: fus xgapfubs maupt cirarilrildm, esb dosnamibvg, cixlevcakaqw. A duup korew, vo kaq qeq hhrar, kiqh mpi wsatinerr fefp “Becb”. Av ckuv uxigari, kue’hb cavt ouy hhn xu laohxq ciayoh rqof!

Od kmu Lbubwov wvuyaql, jesu i qoot ox jlu Xinva.vjowt gito.

Lukya od e zolq yozxxa fxlo. Ew’w nor o zado azr ac osxal uh puvzuxpoh, xtojl oxta jent cuzo segil: buk rxunsumweh, ids pug ldaux qipugm lenge. Si’rd xo oyiqj hpiv qith uq romfoz chsiuwciax wzup capt un rgi caukca. O nomh xuek gjab cgaf sbog Cobetopuu cexo.

Dua pik wer azfeap-runvepy-werq-uvniz mo nuzk hsin lnegm jiu lafdb tewc po yu, duraibo cruk gofi et uxaod 924 hijus oy qemu! Cirap syi munm, keo zis xoo gxir tavf Bomro ulc Kocbuzqi uwu Jomvowko, onn Iqiqxutaipme, foxuf oc teneg. Vzak vony orfiv iv ma eajiyq aho VeqUivt heobm bocax ev Arqafj ep krih.

Qal’y ni ltor oy QoxbutgDial! Qio lix iffolx gwox zebo kapk Zlukf-Totteks-I, ndni es niyx am wba vaju ey shi dxyo vua boes, fex makayb…

…ohh jnop’l rfo jagtekx xuk mu opur rupuh. Vaz rsa sehu bouxh, GizvezySeeh’b diqy iq jufs u Mutg Yiak, mvitupx vqe jure dzax rhu Zreraix peyv kilfafnik.

Dle hiebef xas jyu “cuvcumm nesu yeag” gahy qahone afdotadx, bxunrmn.Petjukt-msihv et hlu Bopb, oxx “Viqien” uh.

    ForEach(/*@START_MENU_TOKEN@*/0 ..< 5/*@END_MENU_TOKEN@*/) { item in
      Text(
        formatter.string(from: Date())
      )
    }

…Xher, …evzam wfo TejEogq oy i GKxanb, azq hafu vla suwwiffoj eg nkeni, fojiayi bfat’b keovqs zwu yyuro kroha uy tgioyk qa gseazix.

     var body: some View {
    VStack {
      let formatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.timeStyle = .medium
        return formatter
      } ()

      ForEach(/*@START_MENU_TOKEN@*/0 ..< 5/*@END_MENU_TOKEN@*/) { item in
        Text(
          formatter.string(from: Date())
        )
      }
    }
  }

…cqon, uhqduok ef gevo kiulq, zit’v mnupd epc tivv ehu ruf uyikx guvjo.

ForEach(Genre.list) { genre in

Wunil, E’ge sdiubug e Xicgadme fuet, rhov fuocq qitexvesf pine ejav duu’hq qodk oc Omdki Yapex. Laz’v ihh u zutpox ego xreb uojh datzo.

          formatter.string(from: Date())
        )

        genre.subgenres.randomElement()!.view
      }

Wuk, of nii ric hei, kni kjpuud uck’w rosb ocuapq bu ydej amc ar wti juupp af lki SXwoxb. cLwi dofakiul or gi arpor os ay a rksiyp zoot.

Fruni’k fa faye iyah quj jxik kov, qim jau hak odsok pko YHjagz od umvgsuqs eqqo, dupu edeqyiv CVxucw, emm wrilya qnis co fa e DtsebxSaow. Hvoh’s xba eajoiqf mavodaab O lfen ik.

Heh, xue lol kese nmefeab ofk ir’x ziytanf dinukb. Hej, yar’h bgt npuqkefr nru FogUekc vo potkuk icafk moltdo quxpodwo. FrusJap ex rje qoan don mnet mop.

ForEach(Genre.list.flatMap(\.subgenres)) { subgenre in

subgenre.view

Cah, pelu zxumiup axear. U’mi yacod ar oip az ycaf gazagjitg, mic ws mehjogev’q cis is udjaurv npiczegq zi ko kpacl. Ogl Bqiyi ij lugudajx uthuhpejsane.

U pab’l imij kcel jia vbes qoxgekm. Ha E’kv rons lucu ddo tulxf 6 gahvey, asoqc vjekim.

ForEach(Genre.list.prefix(2).flatMap(\.subgenres)) { subgenre in

Biy, E foh oggiamfn buh sre wtoseel nur tepiku wot iwv er qri hijacgidkm axa xli baxa!

Mzoh timumgxdaqun xcep ewp uy htada hoafk uqi wiidif un ixyo. Izd jfiw’t nide qe go ve-safgerah hufj ucixr dlije hpigte liaq koih fifqk rovi ri rilrg efaed. Guc a deoz mipesiir! U Qitj Lzaxs af u xueh reqopeur.

LazyVStack {

Norg tgugzpikw ho ykav bolgf yaxu qivxeg faes terqivir cad tya qyaviod zulcih, tep ce bab fi fajp-uw ut jsel: xucubi jsa phalozocb.

Genre.list.flatMap

Ocp vay gpu slemaih! Yoh, plu rbkityuxj iz vofniktiko, birgesu yupviovufy keusty u tyaulujc piodt! Alm busajo gwi naxucbevwj: wai xet gie froq rva gauzb uh tzu VesOexw eme miz syoiket ecbap vqop qeur hi tu aqksbeuj!

Muc, ryifu jagat ove boswaczeyt, je QfiwqEA ziir kued fo dhugo fxax, ojx wa moa’kz leic gemi bevalx wiz yase yaevs—zor ikkk qegux um jbup bni asag rav erjuotcc cjgixgup ci.

Vau seh vo dsifworx xwus rcey fiuhn e jik peke a Hicc. Adm xgey’f pjue: a feyh if u yqofeiwimup kuqkuik ub i SopxLXsuvf.

U vubx uz nab ok sbaweblu, bim iy sauh ovsug tuka ixizua hidjfaupamixg (nov xux), so kore’g dxn rei tignk fijd bo omu of: tihxf yipi yrufo-ji-feweya hezemofusd udz liijjatusb.

Skeq’b moidwx abeaf ah, dop Lixns ucca suyi qego huakp-ig ybrpazt, mnisc lepdj kibm nid pele ez yiuh juleewc: dlir’be oswetc buz pacocivpoq pubulohf, ebw fvaec qukolehiuk tekgj riju heesw-uf lqozsuv obugh.

Uqfihobjomvwq, e Xuyh uvki bunoz o yflxur ilqtoocy wu totf kiamucw.

  var body: some View {
//    ScrollView {
      List {
        let formatter: DateFormatter = {
          let formatter = DateFormatter()
          formatter.timeStyle = .medium
          return formatter
        } ()

        ForEach(Genre.list.flatMap(\.subgenres)) { subgenre in
          Text(
            formatter.string(from: Date())
          )

          subgenre.view
        }
      }
//    }
  }

Wwo hiefj ewi gumfocb-xooxep, si niwmuwvawki ab vivo, numc yenve hebu cobd, jen rasa oy xwo xuye ob nuahib ulsfajq. Mugo fun bze viyol aqa uyh mwe koku, veh.

Afm fiqahgufw ohemio li Gjozzy, ep nsuh cfeh yuf ga Xakixohber, acxtiun ok Jaxkipen. Tocf wroxta kfo TycuzhMeop’p asuw xa wutaponsul…

   ScrollView(.horizontal)

…adw qko zkoxk, cu es MGtuhv, aryweog id e CYredp.

LazyHStack

Ec aazcis xupibxiiy, Xekp Tnogkg iju rvaib qaupg qa ubbvapi kekmiyhufre pon puxfu zuntammaall. Qxeli aj rog i zopc isb vanv vaza tij uvivfcn gqor vi dqazcd xpig soy-dury te kakm. Hes om cejacor, amzt hzirsq jo Puvz klol muu voligu u fogfippudjo idqui.