1-2-Lekciya. Mobil qosımshalar jaratıw ushın programmalastırıw ortalıqları

var body : some View {
NavigationView {
List(tutors) { tutor in
...
}
}
}
...

NavigationView -de dizim kodın aylandırıw kerek. Ádetiy bolıp, navigatsiya paneli hesh qanday bas bet joq. Kórip shıǵıw dizimdi tómenge jıljıtib, ortada kútá úlken boslıqtı qaldırishi kerek. Óytkeni, biz navigatsiya paneli ushın bas bet ornatpadıq. Bunı ońlaw ushın tómendegi kod qatarın qosıp, bas bettı ornatıwıńız kerek (yaǵnıy. navigationBarTitle ):

...
var body : some View {
NavigationView {
List(tutors) { tutor in
...
}
.navigationBarTitle(Text("Tutors"))
}
}
...

Endi ekran sonday bolıwı kerek:

Keyin navigatsiya tuymesin basıń. NavigationButton navigatsiya stackida jaylasqan jańa ekranǵa alıp keledi. Dizimdi Sortıgationview-ga aylantırganimiz sıyaqlı, dizim quramın NavigationButton menen tańıw kerek, tómende kórsetilgeni sıyaqlı:

...
var body : some View {
NavigationView {
List(tutors) { tutor in
NavigationButton(destination: Text(tutor.name)) {
Image(tutor.imageName)
VStack(alignment: .leading) {
Text(tutor.name)
Text(tutor.headline)
.font(.subheadline)
.color(.gray)
}
}
}
.navigationBarTitle(Text("Tutors"))
}
}
...

Endi jámáát aǵzasınıń atı tolıq kóriniste kórsetiledi. Endi bunı tekseriw waqıtı keldi.

Ámeldegi aldınan kóriw rejiminde siz prezentaciya menen baylanıs ete almaysız. Ádetde, aldınan kóriwdi basqanıńızda, koddıń ápiwayı tańlawı bar. Sınaqtı ámelge asırıw hám paydalanıwshı interfeysi menen islewdi tekseriw ushın tómengi oń múyeshdagi jırlaw tuymesin basıń.

View qarańǵı bolıp qaladı hám barlıq simulyatorni shınında da kórsetisler menen ushırasıw múmkinshiligine iye bo'lgunga shekem bir neshe sekund kútiw kerek bolıwı múmkin.

Júklep alıw tawsılǵannan keyin, siz kletkanıń ústine basıwıńız múmkin hám saylanǵan kletkanıń atı kórsetiletuǵın stackdagi jańa kóriniske ótedi.

Tolıq prezentaciya ámelge asırıw ushın háreket aldın, meni sizge kodtı jáne de anıq qılıw ushın járdem beredi mákkar qabıl kórsetiw qilaylik. ⌘ + SortıgationButton-ni basıń hám " Extract Subview" - ni saylań.

Boom! Navigatsiya tuymechasidagi barlıq kod pútkilley jańa dúzılıwǵa iye ekenligin kóriwińiz múmkin, bul bolsa onı júdá anıq etedi. TutorCell ushın Extracted view atınıń ózgertiw.

Endi TutorCell-de qáte qılıw múmkin. Óytkeni, bul dúzılıwǵa ótiw ushın tutor parametri joq. Qáteni ońlaw júdá ańsat. Tómendegishe TutorCell dúzilisi ushın jańa turaqlı áskerg: