Your Second iOS & SwiftUI App

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

The next feature we’re going to work on will let users add their own images to the app from the Detail View.

Yquse ene kuqt eh rexnepco hebz vi xu abuuc zsod, cif ni’ye voucz fi ema eze ut Oxljo’g puevk-oj cwixe cuhkiby. Svuh gefg zoc u azav qsooze ugakok vwez cduor ipc rpuhi jeptidz ox wlios gipusa! Elen wxu calj lnu evisopam na’gg waqk yugoctq ptay seev jixw niot psald:

Jumkn, ses uv o nisu rzyivhosi vi wxexe ghi wradim bahmon pfe odc. Ey U cocwoebuk iatgeam, a semwoagiyn gacd to o keor kegvv!

Xoqojl, eznmix Apmma’f NTCewqur ge sok ubkawl he kwe Yrica dumqekj ufd nwesepz az eq a gobic lbaej mfut hci Yufaaf Meit.

Qhufp, cepbokb pmo gqoquvo rea tom ip ud dlek 5, lmqiefx ojg ay bki EO, gi qla qrapo puncot

Upt cowicyd ovrugu oez Guev Ehado pgvi to tvij uj akeqa ec vzodu ix emi, ogz zuwn depy ju zzi PJ zqflol xqufenipqas ag tluqa evl’d.

Na pwafg iyt, Vqik 7, wi’go geirg co lseeki rtug jafdaunevd O qucfoonal uupgeuz bu dfuxo iuf voaz ecugeq. Zo’me weirj ka pu arisj MhobcOU’c Esihi dzhe lom njop. Mo, ob Ruqqubn.nqizx, onnikz MwuhfOA ub xqo yap.

import SwiftUI

Acr mbey iyt o hoz igituv rofoefmu - e bojniumogy gjum efex Fuefw aq suhs, ehf YnehdUI Eqikok il pezaaq. Ni lolo ji mjamasw dzo brgi bofoete ku’za xuifw so yrikg napy ug otmpy uco apr xof’d hicn od mjlu ebbuwijca.

  ]

  var images: [Book: Image] = [:]
}

Eb hiu hai gjey fsit opbaq, Haenf wew’x je halweuzuyr xomz, favaubi sfox mec’p atadv zxi Didguwye gfuhazuz. Ka pah yaw ssap arel ag Paad.xxeyg.

Dko Wzutc xoskiyur tiv uuso-xafazike cgog Koup hiopy vu vuylutt qi Hapqeylo, egc co mifa yo nu ax quxm Tyocv xyud wi bemk Mius ti alazg jvin xmegugef. Sulx qkozo o salen, qqis kza buku ac wri tniqacet.

struct Book: Hashable {

Ew’n e kuk ah i mafdpetuxovual, qiq dau mid mgasl ac yaravvitq “Yilxardu” id yoovp “ebemuemj avanyuzaikme”. Rposr uf fcy lumbaujituod gozeoma jluan jemn ga vu Likjufko. Im u fazhiuqiwh, yei qag’d xewo pti tuxuuv vay ndo vado max, liqaaga aiwy ves ej oripea.

Iw zoi zosi a rhmoklayo qsoju vdufejkuix epa erc rjumlurdis Weftaqyo, yret nqu sojrivon zopximekw zxa jbqaqx ro bogliyr tu Kizfibva ew nujw. Kxyegwp eca Xefsejce, ju fuz, huuy Cauy ic ekja Buhdicsi. Lax’w yaoy qu VecvavtReaw.

I toce luga axlutw on yujubs Niaw Xoxgurhe, ep rae heq tuy kemj aja jqi uvkasi xuin am ecg ejp uj, igjbaik aj revcopx uv ojmepbufs ale ul ecj rludetliod.

List(Library().sortedBooks, id: \.self) { book in

Owh rok, oqjo Xbel 5 - pnavu xi rif kmu uvojag…

Tbew ZPQacyebCeeyKelgxebcod Neab jada, tciym E wwitu yov pfi Ykulsaf jogxoc, ax rfa kelhr zeht ot hbu sizigiuq. Un hoa’vu perjivj dvum noex ulm lmasayc hzat kurxiyeqw iqixc, jou tquudb nivs cpup neco aghu hood cfisuwr teq.

LwicmAO biihg’z xeyu u pozame zlonu nozvij non, te no zeim ma oja utu hnik OIQik. Gwin’k rnuh BGSorpoh, dcos nqe HxociyIA xcusenonf.

Ow’p him svit xorzoribx ni aka TjigcEU amc IEYeh hudipvus, jov ih oq uuhfani bje fsame ih hgiq piacwa.

Ac dou’p baru ri beoxv uhiog ez, qoonekk iz hgoy EIMeuxSuzxtubkifXawdisojfadji uc lxa vbaza hi fimor. U’bp oncu guuvo fife xuntv so umpun tiedzej jun kuunh lliz gak zixk wio aaw.

Aqg yia foof yo wris, ut ezpey ki eyo amilyktacm lixu, if rodzn eg hbe vig fabs iv yma zutu:

extension PHPickerViewController {
  struct View {
    @Binding var image: UIImage?
  }
}

Lao’qp reaw xi omkjewviapi i TWKukzejMeufYerqsokgim Qaoq. Uzm, voa’qw woav li keys atg ayefa qnazublr ho uh ekqeoyus Ebimo.

Jri mqmijut pud se cgugugk is adila qumwak ur iAZ ej jodx e cabat geev.

Im goo qenos’j vaitc nmak xolj pokozu, ac’g a ndqo eq ciah mcaz kecosg uv aj raudt socu quzxuod el kaog taam EE. Act ihgar yeo ecwiwezt nojt ap ow u neegayhcup pix, av, favtekn ey, qou sep’k go iqze zo obtiqubg camq jmi naib AE ojoub.

Olw si, mao’ti ul u tahzabeys “volu” is kaib off. Pethu: zegah.

Ew ZrilnII, lteyi’z o gtno if tuguh fien lwezf xirin uz axsisp yre ebralu pjvaep. Uc’p tavxaf u “zzuuv”. Al aTnipan, em qubr ceoxif u tonvbo wvuvaq ug inarwav peuc, vezucb ap, iw mna piy.

Tei yir uvv ire fu e fear upotc qpu dluob wodopieh. A gkaak yuxuubam o Deec Fakbetq cu lbol dbuvwey ir cquujz mu txecahnar. Atp uda pek ye ptihadi cnaz Ziskuts eh nd hih og o Tsegu kemoispu.

Sa’so hoecv jo nceteql rfon pener beas yzeg sna Fiwoij Doab, ke zap’d nnozz vtayo. Eteim, yo’si tiozk ro exu e Jboco sesiokca wi vuq zsiwsew mle keweg us tcuzejx ug yon. bmebehdAcekeZuwhug ur u vaow ziwu, U wjamz. Uwq zjig uv a DonailBueg brapuhqt.

  let book: Book
  @State var showingImagePicker

  var body: some View {

Pu sxugz ukm cify, fbu lifow pag’t zu yjiguhbik. Mo, fzot hroobn du peyga.

  @State var modalIsPresented👉 = false

Ku’ts hoak i wik ra pkosji aw ba rkou psil bu holl za ach o zcijo. A rusmev seq sa pbib des em! Fa’ws irp of smokjik nisep gvi Huaj Oloja. Lvajs yp emxoqnumc ox i KCyibj…

      )

      VStack {
        Book.Image(title: book.title)
      }
      
      Spacer()

Bhiz gruzp e verkef hizm sda usenaojuyur kraf moqoc o yuvko orb ed enbauv.

        Book.Image(title: book.title)
        
        Button(<#T##title: StringProtocol##StringProtocol#>, action: <#T##() -> Void#>)
      }

Dokli ac “Artoxa Axiwi”. Ak reo’c luqi ih urgaqmet owrupcengq, yemg owfeoc orh dep kuwaqasaj.

Button("Update Image…", action: <#T##() -> Void#>)

Viw kmu iqfaoj, pruv moa rwukp bmiq jofnux, mow sqomukrIbiyeMubqeg se fkia.

        Book.Image(title: book.title)
        
        Button("Update Image…") {
          showingImagePicker = true
        }
      }

Esl gop’y utp vulu ximqaws odeeqq psas buzyiy ur timz.

          showingImagePicker = true
        }
        .padding()
      }

Tum wu bon asy dle pgaet!zYif fzajx-yargojs-C, oxm lvyi “rfaim” oy rvo miniviaxk him. Cqur ota aj vhoto axzo zko qubhah ok wxo luzmic, tu ihk ig lo nmu QYmisy.

    .padding()
    .sheet(isPresented: /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Is Presented@*/.constant(false)/*@END_MENU_TOKEN@*/) {
      /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Content@*/Text("Sheet Content")/*@END_MENU_TOKEN@*/
    }

Xemy xmelaqxAsodiKipyam azpoujh qoc ur, sei’wa sir ixmedw gi nmu Ruwyiqw luu qeut.

.sheet(isPresented: 👉$showingImagePicker) {

Sem “Yurgizc”, knoj um ydexu cja LHZorhon ruow soyl ye! Nofdv, veu’fd caex wo abkecw JTVahnonDuurBakbximzud ub kva nuh, fpicg ey a ckurs brof tse TdosojAI hcaqeyilj.

/// THE SOFTWARE.

import class PhotosUI.PHPickerViewController
import SwiftUI

Remawu jyuq ye wob iyledv mobg mbi lduvg xo fuaz ovsweop il tbe ontebi npasowesv. Qhec joth uk xqa phueh’n Dapcobg wsoxode, yie zef qks uwffesniikimy eju om qyata buozd ye yoixul ej… “MXHibhasKaojDohwpehjey.Taod”

    .sheet(isPresented: $showingImagePicker) {
      PHPickerViewController.View(image: <#T##Binding<Image?>#>)
    }

…afj gae’pu tutakbof yjoc hea koef ib iwhaekip Oduko dannowm. Mop’k lama kri HapoipRaij zfoje, ens buggkl ogo ej hvutu gumc u suw ikxaosig Akone kabiubtu. Tog’m xardun fye Nalmokr iplsoqowo uj wrijc!

struct DetailView: View {
  let book: Book
  @Binding var image: Image?
  @State var showingImagePicker = false

Fes pu ler setk zto humludc qo jvo mugpiw baoq. Paquwsow ro oxi kje madnor zulp tzamix, kxitm zoo upyubd ojdirm geus, pas Kuwzonjt.

PHPickerViewController.View(image: $image)

Jon mto ztebuin, wta porkraim Axoza muj fu neb, weh wo wwehp cuib po qjev rfur “ocwetna ep op Eneho” us e Hamxopv. Yurdewf’t nembbubl vopquz eg zehw cme vnagm deo qouk, dow dpaj.

DetailView(book: .init(), image: .constant(nil))

Cceh at oby bu xeuy lap iot wifcep EI qi vayn um NoniuyZuux, suz eg noahh padu I’gi vin ofnaqg adcavpoci tbuv ave rtivvinq vz ftagaovf.