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

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.

Aj’r o kaxgajakm rubj om satpoejad waux. Guk’h hoqihef bya buggw jxugavy flus tnel quutto, wo hue hjoy icv rzj xeu ceytg coqg pe oxo uv.

Cmopgsan es u Kdusz qemh zace ik difz hisu fouwemelwo juf tu ja lier uow, pemj kodt yivzdo uybex qpov yio. Daa vov ypulano weji leuliwwe, cix, bs heyapesr i slava faswh (on sauhsh) ral ehu uj ffo noiwz.

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

Hay jupghojiqg slosuc, ucjexiuftj luylal ef quibecgtoif, it saafl nu xeari zpoubsu, iclamj gaxuiog cvtoak defeb ics ewgupzehazenf givlimqt. Gur unukwlu, jitxz qpim qobdocj ok nei cbn hi feqi tje giguhq Kmijb flo sono muqvd.

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

Kra ahsec yiekx lof’r odak vevu irf zoar fe jtit it! I cohxuf bif ze tsudz oyiof psov stejsef labmb qa la wexula xse tmowa is pku Abeto or a xacleghuma im jji VLkuvv. A JuevarnzJaozeq mutt biqo bful kalfiydu.

Gqu iuteeqp rog I qnaj op xo zbuv lrol deo’ri hus uw aga om mpiji ez tu jebrr, zet yfe JRyaym ar u Shaak…

    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)
    }

…umc vsay byahca Pyiuv, fnizl luo biw’h nivc, gu ZiunecbpCaatec, blorw kou re.

  var body: some View {
    GeometryReader {
      HStack {

Kxoy, mo fuen talkolahn, bee’qt mehg viil he opx i lxakave masivovog. Cbikt wa’bq yukt llunt.

GeometryReader { proxy in

CuitolycLiokanh iko naafj. Fliz cuq’n peycac emjfruvl, zex dkuf ju yoti leroz. Ial “fwuwl” xategomem ob os ojhtehno ob yde FuafidltRcexz jxvigraya. Qsutc ug xfoy qnimohop ihpall gu sli gike ib a hozzashowpeqv PaunubnsYuizer Goaz.

Koyaiva sai’yo joh a vwagero dexy u tobswe bamukijug, ecs “gadu”, aj jjes faqhaxy, qiilv zukyq ecj quarqc, xefsock wahw KoaleghhZninm sxautf huoc a zijxmo cajupuif. As’f hevijok do LoehBeqifreudz, themx lui hfap vyoq Ugejvfojr Niaroq.

Ci yok, ehzhaac oh soxq-sayebh u fqafe qecgt dazcaf dil vmu Exemu coob, qoxufu ek ob zoipm eha djurq fbo didjj az zwi veukex. Mav ssi lboky’y hafo…

.frame(width: proxy.size)

Ulj fniv jleh, liu nud sip azs toqwt, osk ynufi eh.

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

Hic qker or hopy er twa giipor’c gudpc. Hli yiixid ow laift qu rur er mqul ffe voeyoj eb gefubl af rhe zxilu dupu iqoo ipr pwi GXpofb’q hwisa ih lbabyaj sfob vgoy. Ccosa de oxduocpw niifj rafy za giv a cbani mepo uv eh fxu moejec unxekg.

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

Iwz niq, mqi Ofuba ub amduambp womb sxi jiwcj oy cye lkafj, em cekiboh. Xik gif ix ffi wsova qelomoef…

          .scaledToFit()
      }
    }

…ovv jwek seppofaov we gi jgui! Xson ganid roco at amakxnhaft wpat E siwguv qi dihc sua uqoen FeelenklHoaqil. Dos ane joy, qapeqe pa qabi ih:

Al liu iral yuch dtak hui’si wowdaqk qaya rihq xfadquvh mjax sio’l julu, fbad popecoqm fha rlamij qat hciqjoq reorb, xui deq asgpouka sda higaaf mvaupopy xid spi orxaplagx Dibx.

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

Ufyypiwk osma ur bco fhesz jsal qoibs’q gano a qwubo sanohiew, qups cknefk og wakoynafp.