Spacer dan Prioritas Tata Letak

Spacer adalah tampilan tak terlihat yang meluas dengan rakus untuk mengisi ruang kosong di dalam tumpukan, sehingga tampilan di sebelahnya terdorong menjauh.

Letakkan Spacer di antara dua tampilan dalam HStack dan keduanya akan bergerak ke ujung yang berlawanan—sempurna untuk label di kiri dan nilai di kanan.

Satu Spacer di awal akan mendorong semua elemen setelahnya ke tepi akhir. Letakkan di posisi pertama untuk meratakan sederet konten ke kanan.

Apit sebuah tampilan dengan dua Spacer dan tampilan itu akan berada di tengah. Masing-masing Spacer mengambil bagian yang sama dari ruang tersisa di kedua sisinya.

Dalam VStack, Spacer mendorong secara vertikal. Letakkan satu di bagian bawah untuk menempelkan tombol ke tepi bawah layar.

Berikan Spacer nilai minLength untuk menjamin adanya celah yang tidak pernah hilang, bahkan ketika tumpukan kekurangan ruang.

Ketika tumpukan terlalu kecil, SwiftUI harus menentukan tampilan mana yang menyusut lebih dahulu. Keputusan itu ditentukan oleh layout priority setiap tampilan.

Pengubah layoutPriority menandai tampilan sebagai lebih penting. Angka yang lebih tinggi mempertahankan ukuran penuh, sementara saudara dengan prioritas lebih rendah menyusut.

Ketika judul panjang dan subjudul saling berebut ruang, berikan layoutPriority lebih tinggi kepada judul agar tampil sepenuhnya dan subjudul yang terpotong.

Ingat perbedaannya: Spacer membagikan ruang tersisa, sedangkan layoutPriority menentukan tampilan mana yang menyusut ketika ruang tidak cukup.

Gabungkan keduanya untuk membuat baris yang rapi: Spacer memisahkan label dan nilai, sementara prioritas memastikan teks utama tidak pernah terpotong.

Anda berhasil! Spacer mengisi dan membagikan ruang, sementara layoutPriority mengatur tampilan mana yang menyusut lebih dahulu, sehingga tata letak Anda seimbang dan tangguh.