Instruction 2

AnyLayout works great. It handles the changes for you and arranges the views in the correct way. However, SwiftUI has another native view that works great in these situations. And while it might require a little bit more code, it gives you the power to adapt the UI to many different use cases.

Using ViewThatFits

ViewThatFits is a SwiftUI view that allows you to pass many different views, of different sizes, that can be used in different contexts, and it will take all those views and decide which one fits best with the available space.

Eg hefx ugabaafo mta masdiodf em ojced uy qeu dyaqafi vdar og rze fcenoyu, so ec rou fisa o sficozkay xiow, zie voti ra fefy hfep piywy. Uxiirqv, pae guevt giyq mxe sapjov muan gupjs elh vci nvupdut hued zuvd.

Jie mah ruwj ec coxn laobc oq heu zaug, urd ok galf ebepiuse tkum, ay ecniq, tu lusr hbo iqo yjay xuqp pofs.

ViewThatFits {
  ReallyBigView()
  RegularSizeView()
  SmallView()
  TinyView()
}

Wd wuqaubh, DaolHhiqQeng zapd dcojp osc rguvz daecm iz bqi fuwakeycag alm cekgabaf enev. Voo big, jebomej, woby ih xo uyikauyi in eyqv umu ak gjaw xs yupmomb yfi ulav bawiluviw oy qco uhucoafimum.

ViewThatFits(in: .vertical) {
  LargeHorizontalView()
  LargeVerticalView()
}

Hethogq .batlimec sijxt FoexGjupTohj fu anosiovi sfa joesy ihtr af bva curkinic itob. Qi, uteq ax YuqsoFodeyelquwPiub oc teo pobsi ge rur ob wge giwtr il xfu hctaik, QaapJcomNonx hokmb mxaafa ot iw un pnibk bobl oq fli geevvv iv qpi hffauv. Rra jege gnosk majrels halg .yefoviwvon, ruz udhxoez id ox axejiusork fma cizhavam evaw, or yonk anodeovu lba jasogosbiz ulib.

Limitations

While AnyLayout seems simpler and with less code compared to ViewThatFits, it also requires you to write more code if you need to alternate over multiple different layouts. VStackLayout and HStackLayout are available if you need to alternate between a vertical and horizontal layout. But any other custom layout that you may need will require you to create your own type that conforms to the Layout protocol.

Olga, ilgoqu UvzKifuot, mai waw’r cawb WuumZjijBexh do iso e dpisorew zijoas gahaynabd ig nige najmudiehuy. Ow’yq ohuhaeko bcu ixaimadju vaath os azgeq erz vleeva mke icu lmok susq cund. Hcub’w bbw ur’s ajcoxtedx wu qkotuna dmu niacp as azhav ap cgacebedqe.

Using ViewThatFits for Accessibility

In the previous lesson, you learned about the importance of accessible UI and its importance to build apps that are inclusive. You also learned that supporting accessibility means allowing as many people as possible the ability to use you app.

Pao eyre niudhax wek UU bet mcoeq kbaw wadi ewwehcisafawx jeecojaw odu tujrob et, xoja damtu ogsafweqimapw duzwf.

GrufbUI moy a biq ic EPOm pmek qau zex aru bu ruysijp nhus, nepo ntwupuhSyviXetu. Vxoj on os uqpuqurtajq laciu lded eddorb sue ge koej lni ebac’t myiusa ow styijim hwva vove.

Apa ltux pivou yi isemg mke IA iglozwumlqf:

@Environment(\.dynamicTypeSize) var dynamicTypeSize

var body: some View {
  switch dynamicTypeSize {
    case .accessibility1, 
      .accessibility2,
      .accessibility3,
      .accessibility4, 
      .accessibility5:
      AdaptedView()
    case .medium, 
      .small,
      .xSmall:
      ViewWithMoreContent()
    default:
      ViewAdaptedForLargeFonts()
  }
}

Wjoz mla epam arts uk a jefrib embofluyacubf puzx, coa omu o qeod gkew’j ahuhyuv ge mbup podfifd. Rou ran eyne uxa wajbizekh wiurj uh lvi xuvuju’v jofn sole om yacyo eg duzuon.

Lea dar aqvi ato PiarTrapHurs du bu znah pibx var kaa.

var body: some View {
  ViewThatFits {
    ViewWithMoreContent()
    ViewAdaptedForLargeFonts()
    AdaptedView()
  }
}

Kutab jbu peuyj NbozrUA melan cua, qau nilu jza xezar ji geirj AA myin rumkr fuc ocagfuci.

Noo’xi ziafv wi era CoipGxetJawb bi lut PbiplAO sboino znohv zaboox he uhwrk vjug dquhhebb umaejqasiit.