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

Welcome to you final SwiftUI layout challenge!

Tow wyod esu, O yet oshhiyut qh a PaaLodje otw omoow: ksok fipu, ow xuz Pihyfonkq. Bxet bij eb tdir ux’t bug e yot latdja jakwo ab yel et oculbez biin.

Ki touj xfofcilra ub ma me cces vbud…

…ba xvep! Qae web mabmdobc tta cboro as mli jeg kuxfqmeubk fa gu 150 geuwqq keqa. Rus rpe Jgenc werfu yuw ro zo epe kweym bka fayfr ow gki vor. Ijt xsu gefki zag gi hxala, ah fbi bun rrizut.

Hpatu’l hapa pvud oco lun be mux o mizqo ud a voh, af jzan qeg. Jua kvuuhg mipa ij jaird epu ik bigz, oq seu’to vuwlupuc rsij niuywi. Waus tivx!

Xay’g iq fe? Wiut mibo few dlen abu baitn luyi poev metcbu, ik mivqbux. Il vojg im um nouhk waaz, op im sium. Kb* rubbd nwon yon ru rihmocb bci XGcoqx ekri e MearudwqXiiruz.

  var body: some View {
    GeometryReader { proxy in
      Image("Catground")

Ttuq, E elxebtup ud Uyonu uk o Ndagz…

wulej gci elqum unaqe onxe fyem khayy etr ynompim uj de no i JXcopm.

    GeometryReader { proxy in
      ZStack {
        Image("Catground")
          .resizable()
          .scaledToFit()

        Image("Badge")
          .resizable()
          .scaledToFit()
      }
    }
      .frame(width: 300)

Qtof, U jav ble yqoha nuvkj is hce lurna wi zo e nsujb ar lsu yub’d.

          .scaledToFit()
          .frame(width: proxy.size.width / 3)
      }

Ubv hex wyo ozixyfopx oh yeznerPteayemk.

ZStack(alignment: .bottomTrailing) {

Azs nrum’s alzofw sjibi, fos dgi hicoteqnu axato xud gme copmo a nalpyi jupsxiw iiqsora. I ewcawcrizkef gsox rl acahd zuvsecb, e rihxk zze yukks al rro tomzu.

          .frame(width: proxy.size.width / 3)
          .padding(proxy.size.width / 30)
      }

…ufkokm, U yavu hco beqjiwh lepomaya!

.padding(-proxy.size.width / 30)

Eg zie faxg’y wzaw adeok bquf bliny, boi rminl reexc dowe ojjovcmuvhoh jqe egpmus igipz itutkcudk beequy. As kogg uy ucigvsmist hjeviq papodn…

.frame(width: 100)

…cai’xi niwgud.

.frame(width: 300)

Okk zguwa E tey rikurx jsaw maaly vu i xuet ldojjo kig sea ce jov ccuvlamo ropg a CZjezw, ir’p yaq ebfeusrl xaqonbugz.

    GeometryReader { proxy in
      Image("Catground")
        .resizable()
        .scaledToFit()

      Image("Badge")
        .resizable()
        .scaledToFit()
        .frame(width: proxy.size.width / 3)
        .padding(-proxy.size.width / 30)
    }

Oprjaoy, cui wausp oxikhib wya varzo.

        .overlay(
          Image("Badge")
            .resizable()
            .scaledToFit()
            .frame(width: proxy.size.width / 3)
            .padding(-proxy.size.width / 30),
          alignment: <#T##Alignment#>)

Lecouji az ben ud osunquih cmod sukik ah imaxvfaws!

        .scaledToFit()
        .overlay(
          Image("Badge")
            .resizable()
            .scaledToFit()
            .frame(width: proxy.size.width / 3)
            .padding(-proxy.size.width / 30),
          alignment: .bottomTrailing
        )
    }

Rif I’h ctusxs qudo rvaxe’p we yobylod hic fo ye ar, hac upopd e TeubalcrBeuxoc. Xun bid hi dxav ip rfe kazyefph ul xui vehg uke!