@Composable

@Composable ile bileşen yazmayı öğrenirsin.

@Composable nedir?

@Composable, bir fonksiyonu UI bileşeni olarak işaretleyen annotation'dır. Compose yalnızca bu fonksiyonları UI ağacına dahil eder.

Bir @Composable fonksiyon Unit döndürür; parametre olarak veri alır ve UI tanımlar. Örnek: @Composable fun Greeting(name: String) { Text("Hi, $name") }. Bu fonksiyon başka bir @Composable içinden çağrılır. Compose, veri değişince ilgili fonksiyonu yeniden çizilir. Bu dersteki greeting modeli konsepti gösterir.

@Composable ilkeleri

Bir @Composable fonksiyon yalnızca başka bir @Composable içinden çağrılabilir. Unit döndürür ve veriyi parametre olarak alır.

Composable fonksiyonlar saf olmalıdır: aynı girdi aynı UI'yi üretir. Yan etkiler SideEffect veya LaunchedEffect içine konur. Bu saflık, Compose'un gereksiz yeniden çizimi (recomposition) atlamasını sağlar. Durum (state) değişince yalnızca ilgili composable yeniden çizilir. Bu, UI performansını yüksek tutar.

Uygulama greeting yaz

fun greeting(name: String): String tanımla. "Hi, $name!" döndürsün. main içinde println(greeting("Ayşe")) yaz.

Örnek çözümü göster

fun greeting(name: String): String = "Hi, $name!"
fun main() {
    println(greeting("Ayşe"))
}

Kendini test et

@Composable bildirimini tamamla

____ fun Greeting(name: String) { }

Cevabı göster

@Composable fun Greeting(name: String) { }

@Composable parçalarını eşle

@Composable

UI fonksiyonu
Unit

Dönüş tipi
name: String

Parametre
Greeting

Bileşen adı
@Composable fonksiyon ne döndürür?
```
A composable returns no value.
```
- String
- Unit
- Int
- Boolean
Cevabı göster

Unit — @Composable fonksiyon Unit döndürür; UI tanımlar.

Sıradaki ders: remember

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler