SwiftUI Academy · Ders

Yığınlarda Boşluk ve Hizalama

Yığınlanmış görünümler arasındaki boşluğu ve hizalamayı ayarlayın.

Yığınlarda Boşluk ve Hizalama, CoddyKit'te ücretsiz bir SwiftUI Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, SwiftUI Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. SwiftUI Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Fine-Tuning Your Stacks

You can stack views in three directions, but real layouts need control over the gaps and edges between them. Let's tune that. 🎛️

The spacing Argument

Every stack accepts a spacing value that sets the gap between its children. A bigger number spreads views farther apart.

VStack(spacing: 20) {
    Text("Top")
    Text("Bottom")
}

Zero Spacing

Pass spacing: 0 to remove the gap entirely, so children sit flush against each other. This is handy for tight, edge-to-edge designs.

Default Spacing

If you skip the argument, SwiftUI picks a sensible default gap that matches Apple's design guidelines. You only override it when you need to.

Aligning a VStack

A VStack's alignment argument controls horizontal placement. Use .leading to left-align children instead of centering them.

VStack(alignment: .leading) {
    Text("Name")
    Text("Email")
}

Leading, Center, Trailing

VStack alignment offers .leading, .center, and .trailing. They decide whether children hug the left, the middle, or the right edge.

Aligning an HStack

An HStack's alignment is vertical instead. Use .top, .center, or .bottom to line children up along their tops, middles, or bottoms.

HStack(alignment: .top) {
    Text("Tall")
    Text("Short")
}

Spacing and Alignment Together

You can set both arguments at once. Alignment comes first, then spacing, giving you full control over the layout in one line.

VStack(alignment: .leading, spacing: 8) {
    Text("A")
    Text("B")
}

Meet Spacer

A Spacer is a flexible view that expands to push its neighbors apart, soaking up all the leftover space in a stack.

HStack {
    Text("Left")
    Spacer()
    Text("Right")
}

Pushing Views to Edges

Drop a Spacer between two views to send them to opposite ends, or before one view to shove it fully to the trailing side.

Baseline Alignment for Text

For mixed font sizes, HStack offers .firstTextBaseline so labels of different sizes share a clean reading line.

Quick Check

Let's check what each stack's alignment controls.

Recap: Spacing & Alignment

Well done! Use spacing to set gaps, alignment to position children, and Spacer to push views to the edges of any stack. 🚀

Sıkça Sorulan Sorular

“Yığınlarda Boşluk ve Hizalama” dersi ücretsiz mi?

Evet — “Yığınlarda Boşluk ve Hizalama” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve SwiftUI Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. SwiftUI Academy kursu toplamda 4 dersten oluşur.

“Yığınlarda Boşluk ve Hizalama” dersinde ne öğreneceğim?

Yığınlanmış görünümler arasındaki boşluğu ve hizalamayı ayarlayın. SwiftUI Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

SwiftUI Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te SwiftUI Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Yığınlarda Boşluk ve Hizalama” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu SwiftUI Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her SwiftUI Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← SwiftUI Academy Sayfasına Dön