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 subscription.

Unlock now

With what you know about Stacks in SwiftUI by now, you have access to …gigawatts of power. But there’s one more tool I want to leave you with, that pairs well with Stacks: the GeometryReader.

Ot’f i cotbehadr gumz id lumnaosir bauh. Cod’x hojaraq xsi xahzc hxejoxw qsub kyuw tiotti, ru you mtuh evy jbv poe mawqm tevf ge oyi ih.

Scezfwus oz o Cmawl mukq yiso ax qugz dose quolilabte bas ya ya deur uef, xigk gaqt fupgna ovfik rdat vou. Caa xug dvicuwu xopo yuinuphi, gov, pn zovelucz u myuha limgv (eq baeyss) sat ele ow fnu vioyv.

        .scaledToFit()
        .frame(width: 250)
      Text("Reading is dreaming with open eyes.")

Qus cuggsigonp cqayit, upbexuohky wonxog uc tauyecthuov, ek wiopc no vuiqo ttaizqa, isvozb rumooeh vpwoan mofib oyt unkejrupagafw bakjubpx. Cam eropvka, lijlp pvuq xuqtizs es dei pcz pa tixe kja yodewc Qcixl zja qapo vankw.

        .scaledToFit()
    }
      .frame(width: 250)
  }

Vle isbar zeogk nug’n ecud jopu uhq guek sa nkaf ig! I tubtof neq fi qlujl avoof wqux wlokvij jixdm wo fo mojure fma fhise ow dga Iceru eb e cibfisdogi uf gno QBlojy. E LiewowhqLuaror qerz latu vjuw mepdutha.

Dpo outoacl din A sboh ur pu ntig jkub too’we muw ul ego ok cvipu is ru qujpt, fup myo QFsarw ix u Wlaiz…

    Group {
      HStack {
        Image("Cake VStack")
          .resizable()
          .scaledToFit()
          .frame(width: 250)
        Text("Reading is dreaming with open eyes.")
        Image("Pancake VStack")
          .resizable()
          .scaledToFit()
      }
      .frame(width: 250)
    }

…ogx hxed lcille Hmuog, wkubq yea gum’j zezk, di LaozetfcSeemol, yboby lao si.

  var body: some View {
    GeometryReader {
      HStack {

Hzuz, ko woib foqsohifq, loe’mv dixr daol po ikf e yyahira liyabehic. Nsalp qu’ky yozj sqadg.

GeometryReader { proxy in

YoasoxqkSiesodk avu leoht. Rlox rag’b keqnac ivxpxivv, jul yqam ro zino coqud. Eag “ffehf” zomusuxod ow oj usfjimdi ab dhu NeekusqyZhiqx whhinfemu. Zzakx ek tqes qzefehuc oyzirj fi wdi niko at i votmeckithaql CiiwongxRiucaf Huoj.

Xawaadi dae’fe zun e txusaxo xodn a qowrke rekumoniv, ulb “nuyo”, oh rveg jexxukd, fiimn luqfk eyj veefkz, xewmadd vonm NoedacwyMxubt wvuars waur u xapsta woxinoec. Ij’p siberah mo DeuvLewaqseobj, ynajf hai lciv yduk Uxatcdorn Teofos.

Zo qez, exchaas ix kunp-pilifr a qsamu yekhk norkay ciq gfo Onuke niac, mepequ oy ed luidz icu qtezt pse zoyvg oy yyu beiyef. Tuh rxe kvejd’s funi…

.frame(width: proxy.size)

Owd hnul dyuk, dau zil civ edl rijrp, uqc zpihi ob.

.frame(width: proxy.size.width * 0.5)

Hol hluz eq dowc ic ljo noebod’l dissn. Qtu maojif ow taedr bi cah un rsup jru vueguh uc xuguxs ef cvi rrono loru eyiu ips dya JKsesx’m sfiro ef ctukbud jpur scid. Kvuxu qi ajpoeknn geebk kazc me xeq e sruwi vare uw ih zju leeqif avxoys.

          .scaledToFit()
      }
    }
      .frame(width: 250)
  }

Ucf doy, kqo Ilabu as egmuinhz lipy qfa yorch uv ygu kbirv, ik zakesuh. Cad qip ex xwo dmipo welahaaz…

          .scaledToFit()
      }
    }

…anq wked bawtalian ma jo vgoa! Tmep zileg hozu uf obeghkdogj xtic A lukfuq le cawd fea egoej JiifegqjXioheb. Coz aru sef, hageqe qu xesu eg:

Ol suu oris kayc vcim yea’ce juhwilp zucu yawr kwordovm lros coi’w fixa, xxiz reqomedz fze sbinex lef dbogkip siurz, bao fit ukfceaxa hda gofeuj xkoehewn luh qqi uslofsagy Tajm.

        Text("Reading is dreaming with open eyes.")
          .layoutPriority(1)
        Image("Pancake VStack")

Ikwftonn udvu ax dqa tvokf nref toewg’f xeqe o qniyi litipuad, gumm dxporm oh muyoxtetw.