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

struct TutorDetail: View {
var body: some View {
VStack {
Image("Simon Ng")
.clipShape(Circle())
.overlay(
Circle().stroke(Color.orange, lineWidth: 4)
)
.shadow(radius: 10)
Text("Simon Ng")
.font(.title)
Text("Founder of AppCoda")
.font(.subheadline)
//1
Divider()
Text("Founder of AppCoda. Author of multiple iOS programming books including Beginning iOS 12 Programming with Swift and Intermediate iOS 12 Programming with Swift. iOS Developer and Blogger.")
.font(.headline)
.multilineTextAlignment(.center)
.lineLimit(50)
//2
}.padding()
}
}

Bul erda bir neshe ózgerislerdi ámelge asıramız :

1. Divider () qońıraw qılıw sıyaqlı ańsat bóliwshi qosıw

2. Barlıq vertikal aynaǵa sızıq qosıw ushın qońıraw qılıw kerek.padding () vStack daǵaza aqırında.

Hámmesi sol! Qutlıqlawlaymız! Tolıq kóriw ekranı tayın. Tek oqıtıwshılar dizimin hám olardıń tolıq xarakteristikaın birlestiriw kerek. Bul júdá ápiwayı.

Maǵlıwmatlardı uzatıw

Maǵlıwmatlardı uzatıw ushın TutorDetail sistemasındaǵı birpara parametrlerdi járiyalaw kerek. Ózgeriwshen deneni járiyalawdan aldın tómendegi ózgeriwshilerdi áskerg:

var name: String
var headline: String
var bio: String
var body: some View {
...
}

Olar Content view-den ótetuǵın parametrler bolıp tabıladı. Tómendegi ózgerislerdi ámelge asırıń:

...
var body: some View {

VStack {
// 1
Image(name)
.clipShape(Circle())
.overlay(
Circle().stroke(Color.orange, lineWidth: 4)
)
.shadow(radius: 10)
//2
Text(name)
.font(.title)
//3
Text(headline)
.font(.subheadline)
Divider()
//4
Text(bio)
.font(.headline)
.multilineTextAlignment(.center)
.lineLimit(50)
//5
}.padding().navigationBarTitle(Text(name), displayMode: .inline)
}
...

1. Ózgeriwshen atı menen suwret ushın oqıtıwshı atınıń ózgertiriń

2. Ózgeriwshen headline menen header tekstti almastırıń
3. Aqır-aqıbetde, bios penenózgeriwshisi menen teksttiń uzaq paragrafın ózgertiriń
4. Bunnan tısqarı, oqıtıwshı nomiga navigatsiya paneli basın ornatatuǵın kod qatarı qosıldı.
hám aqır-aqıbetde, biz TutorDetail_Previews penenquramına etiwmey atırǵan parametrlerdi qosıwımız kerek.

#if DEBUG