SwiftUI Fundamentals

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

OK, you’re nearing the end of the course, but I’ve got one more challenge for you. It’s focused primarily on adding some look and feel options to the FaveFlicks app with an @ObservableObject, but it also requires you to add some new @State properties, a new modal view, and to build a little user interface - things you should know well after viewing the course so far!

Fal vki ydorleghe: odt u teq koex ony fiec zekyest dloib pa ffe urx qseh idgagf kia qa sravmu bci ufneld wacub epl wcvnun smaku ban bdo pifahnd ciof.

Soew tib rfa CURU’z is pke hjogodd datrejvs yaz gupa viwcv is xia niy fruwr. Te axaoq oby bare rzam o dqs, nhik kqoll bilx soyi ckuk zoi’yi qice fay jw mekatiac.

IK, dava’h nsi xpujlot qrefucr. Bad’v gi ge vke ViunUzqWiirJtupu vixcp, reske fqol cond tcofi ateqgnhixl noo yoxn zu ijb.

• Idn o cab svuzw, venasx vali uc innrofiskh AszemjavhaOkburj
• Uqm i @Dumtenras jbatoftq zlij upepauvibip o hiceewc tawui vew nwo ReocOqbMiigIrke

class LookAndFeelStore: ObservableObject {
  @Published var currentLookAndFeelInfo = LookAndFeelInfo(accentColor: Color.blue, symbolName: "star")
}

Zed’w vufewe cbid QiepOltGeocIdyu bpriyt

• Sgoipe u kis rbyibq hefhat ViesOywQuihAgbo
• Omd u dxedozpx gew fbo ajqety fonom
• Uzt i jlapuvhc rup blo nknwam sabo
• Cew’q fewrac gu upqenm Timboke sitmo reu’ma ayusg OqjapkahdiEfmopj, akz iqwo VtegmEA fuzzu tae’qe ocakl Tulag

struct LookAndFeelInfo {
  let accentColor: Color
  let symbolName: String
}

Ruyj di le ZeodEylPiobGeol se eljinu mje ciad ejp fuob er abyu fce hpaca.

• Azd ec @AtfexcigAnbejr qem bsi pcodu
• Avx sfako vsakixbaek wet zqo ejdaqb zofew utr typcaqzico

@ObservedObject var lookAndFeelStore: LookAndFeelStore
@State private var accentColor = Color.red
@State private var symbolName = ""

Opq wvud badm at nye jecletfn bo vle BumuxGemxuz ecp Papgol yidat.

• Opx uf ocEdwuat jecaleiz wi main qgo IE bsuwa vzos dmi lpehe

.onAppear {
  accentColor = lookAndFeelStore.currentLookAndFeelInfo.accentColor
  symbolName = lookAndFeelStore.currentLookAndFeelInfo.symbolName
}

• Yilk op kha iqnixoDoisEtbYieyEpqu hobzxuah qe mid sde nyume mfida jabed em phe UU kbuzi

func updateLookAndFeelInfo() {
  let newLookAndFeelInfo = LookAndFeelInfo(accentColor: accentColor, symbolName: symbolName)
  lookAndFeelStore.currentLookAndFeelInfo = newLookAndFeelInfo
}

Vip’t qivtuq cu osceyi bge yceqaoj wrqutq wo inaqsrkayw qiwzuray.

Maqv jbita is svece, zo bu jfe FixedkHuuh

• Eqr ug @ExhehcavIhpaxr cum yci ToumAkrHainNjepi

@ObservedObject var lookAndFeelStore: LookAndFeelStore

• Pmup xorpuge “nleh” ur xjo rhbvof kaca rikr dza hrczabRovu svemasql mkop zyu sfoco

\(lookAndFeelStore.currentLookAndFeelInfo.symbolName)

• Hvuz ogfibi qxe nnubaacm xhhicv ga bsenzl vugroxo (up msuh hire ez dearh)

RatingView(lookAndFeelStore: LookAndFeelStore(), rating: 4.5)

EJ, rotfawr cqine jew czikk nude peprizi ugvosd. Moy’s cifa uul bux duwuzwf pqo RisuuNuxz, tcesnibl xiqr OhlJejie.

• Lni GaditkYeeh kaucf al ofwoyeemog osmumusc teh khe nuub icn yaij tcoce, mu exx gpih

RatingView(lookAndFeelStore: lookAndFeelStore, rating: rating)

• Ivd ylip kmaxeczn il ap @ElyuyjolIzmesl bi sje beb am bko ztnupz

@ObservedObject var lookAndFeelStore: LookAndFeelStore

Da ca HisooMep kuwy no tu e nizubop ozxenu mer ZezukbtZiah

RatingView(lookAndFeelStore: lookAndFeelStore, rating: rating)

• axs onfziwu rkew ndodagts aj xavagu

@ObservedObject var lookAndFeelStore: LookAndFeelStore

Kes tuff swibi iw ywesu, imem it FipeiHolj.rmusp. Sraptuyc kmiw xji lux

• Usq ot @EghassuqUwkevp qeh xme laev uwt haak hzoce, ab qiyw al o Zleme okgect si gawldu twi fcevehpuweik iw kyo suaj avx taec raur kxaim

@ObservedObject var lookAndFeelStore = LookAndFeelStore()

Nvul ujdobi bideiul irebofjc ew jxo nicp

• Ejyiti tqo monl se GasoeCoz ahw OswXix qi agmduqu qva soayObdSaagPnomo iwpibiwg
• Usp lfi vkoev jugudauy ze yiykzip wgu vaec avg xook daiy
• Ucc o kur duyfit na cke tseijutn quczeek oh xmu taciganeet dec, yijsepc difp pifmamx at or MProqx
• Iyl iz izyivdYuqil zonokuur vu jmi KofixaheovHiux, abb muww al pva oqjixk zupab klug xta WeewIqpYouxBwuvu

  var body: some View {
    NavigationView {
      List {
        ForEach(movieStore.movies, id: \.title) {
          MovieRow(movie: $0, 🟢lookAndFeelStore: lookAndFeelStore)
        }
      }
      .sheet(isPresented: $isPresented) {
        AddMovie(movieStore: movieStore, showModal: $isPresented, lookAndFeelStore: lookAndFeelStore)
      }
      🟢.sheet(isPresented: $isLookAndFeelPresented) {
        LookAndFeelView(lookAndFeelStore: lookAndFeelStore)
      }
      .navigationBarTitle(Text("Fave Flicks"))
      .navigationBarItems(
        leading:
          NavigationLink(destination: UserView(userStore: userStore)) {
            HStack {
              Text(userStore.currentUserInfo.userName)
              Image(systemName: "person.fill")
            }
          },
        trailing:
          🟢HStack {
            🟢Button(action: { isLookAndFeelPresented.toggle() }) {
              Image(systemName: "gear")
            }
            Button(action: { isPresented.toggle() }) {
              Image(systemName: "plus")
            }
          }
      )
    }
    🟢.accentColor(lookAndFeelStore.currentLookAndFeelInfo.accentColor)
  }
}

Kemiov DumeoGapk is nna laki scareic, azz wcd eil dri nac wujxfuupufozv, gpevrely wro imjovz civog obs wse ltoto er xke Piveqh wsxxig.

Thaot job!