SwiftUI: Group

Group’u kullanarak birden fazla arayüz elemanının tek bir elemanmış gibi davranmasını sağlayın!

Baran Önen
TurkishKit
2 min readJul 16, 2021

--

Herkese merhaba! Bu yazımızda, SwiftUI’da birden fazla View‘u toplamak için kullanabileceğiniz Group elemanından bahsedeceğim. 🚀

Bir Xcode projesi oluşturarak başlayalım. Projenin adı için “Group” kullanabilirsiniz.

Group, içindeki elemanların yerleştirilmesini ve görünüşünü VStack, HStack ve Section‘ın aksine değiştirmez. Ayrıca, direkt olarak Group‘a uyguladığınız “modifier”lar, içerideki elemanlara da uygulanır.

Örneğin aşağıdaki kod, bütün yazıların largeTitle boyutunda görünmesini sağlayacaktır:

Group {
Text("iOS")
Text("iPadOS")
Text("macOS")
Text("watchOS")
Text("tvOS")
}
.font(.largeTitle)

Bu örnekte ise hangi koşul olursa olsun sayfa başlığı olarak aynı şey gösterilecektir:

Group {
if oturumAçıldıMı {
AnaSayfa()
} else {
OturumAçmaEkranı()
}
}
.navigationBarTitle("TurkishKit")

İçine maksimum 10 View yerleştirilebilen elemanlarda ise bu sayıyı arttırmak için içerideki elemanları Group içine yerleştirebiliriz.

List {
Group {
Text("macOS Monterey")
Text("macOS Big Sur")
Text("macOS Catalina")
Text("macOS Mojave")
Text("macOS High Sierra")
Text("macOS Sierra")
Text("OS X El Capitan")
Text("OS X Yosemite")
Text("OS X Mavericks")
Text("OS X Mountain Lion")
}
Text("OS X Lion")
}

Group elemanını üstteki durumların yanı sıra birden fazla View‘un tek View gibi davranması gerektiği her yerde kullanabilirsiniz. Bunlara animasyon da örnek verilebilir.

Şimdilik bu kadar, bir sonraki yazımızda görüşmek üzere! 👋

Bizi daha yakından takip etmek istiyorsanız, sosyal medya hesaplarımıza aşağıdan ulaşabilirsiniz!

Twitter | Instagram | Facebook

--

--