Jetpack Compose'ta bir kullanıcı arayüzü bileşeni nasıl uygulanabilir?

Jetpack Compose'ta özel bir UI bileşeni, @Composable notasyonu ile işaretlenmiş bir fonksiyon kullanılarak oluşturulur. Bu fonksiyon, arayüz öğesinin nasıl görüneceğini ve davranacağını tanımlar.

Basit bir düğme bileşeni örneği:

@Composable
fun MyButton(onClick: () -> Unit, text: String) {
    Button(onClick = onClick) {
        Text(text)
    }
}

Bileşeni kullanmak için, başka bir @Composable içinde çağırmanız yeterlidir:

@Composable
fun Screen() {
    MyButton(onClick = { /* tıklama eylemi */ }, text = "Bana tıkla")
}

Bu şekilde, Compose'da UI bileşenleri oluşturmak, fonksiyonlar aracılığıyla arayüzün deklaratif bir tanımını yapmaktır ve bu, kodun geliştirilmesini ve bakımını kolaylaştırır.