SwiftUI ile contentShape kullanımı

Merhabalar, bu yazımda SwiftUI ile birlikte uygulama geliştirirken yararlı bir view fonksiyonu olan contentShape hakkında bilgi vereceğim.

VStack veya HStack nesnelerine tap gesture verirken nesnenin tıklanma alanını kontrol etmek ve bu alan içinde tıklamayı aktif etmek için kullanabileceğimiz oldukça yararlı bir fonksiyon. İlgili içerik kadar tıklanma alanı yaratmamızı sağlar. Bunun dışında rengi şeffaf olan yani Color.clear olan nesneye gesture yapamamaktayız ancak bu fonksiyonu ilgili nesneye eklerseniz gesture özelliği aktif edebilirsiniz.

Aşağıda kullanım örneğini görebilirsiniz.

VStack {
            Image(systemName: "person.circle").resizable().frame(width: 50, height: 50)
            Spacer().frame(height: 40)
            Text("User")
        }
        .contentShape(Rectangle())
        .onTapGesture {
            print("Show details for user")
        }

Color.clear
          .frame(width: 300, height: 300)
          .contentShape(Rectangle())
          .onTapGesture { print("tapped") }