Android Academy · Ders

Durum Yukarı Taşıma

Yeniden kullanılabilir composable'lar için durumu üst katmana taşıyın.

Durum Yukarı Taşıma, CoddyKit'te ücretsiz bir Android Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Android Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Android Academy kursu toplamda 4 dersten oluşur.

Durum Yukarı Taşıma Nedir?

Durum yukarı taşıma, durumu bir oluşturulabilir bileşenden dışarı, onu çağıran bileşene yukarı taşımak anlamına gelir. Oluşturulabilir bileşen durumsuz hâle gelir: yalnızca bir değer alır ve değişiklikleri bildirir.

Durumlu ve Durumsuz

Durumlu bir oluşturulabilir bileşen, durumunu remember ile kendisi tutar. Durumsuz olan herhangi bir durum tutmaz; değeri parametre olarak alır ve bir olay sunar. Durumsuz oluşturulabilir bileşenleri yeniden kullanmak ve test etmek daha kolaydır.

value + onValueChange Kalıbı

Standart yukarı taşıma yapısı iki parametre içerir: aşağı aktarılan geçerli durumu belirten bir value ve yukarı aktarılan olayı belirten bir onValueChange lambda'sı.

@Composable
fun NameField(value: String, onValueChange: (String) -> Unit) {
    TextField(value = value, onValueChange = onValueChange)
}

Yukarı Taşımadan Önce

Burada oluşturulabilir bileşen kendi durumuna sahiptir. Çalışır, ancak üst bileşenin metne erişimi yoktur ve oluşturulabilir bileşeni yeniden kullanmak daha zordur.

@Composable
fun NameField() {
    var name by remember { mutableStateOf("") }
    TextField(value = name, onValueChange = { name = it })
}

Yukarı Taşıdıktan Sonra

Artık durum üst bileşende yaşar. Alan durumsuz ve yeniden kullanılabilirdir; değeri üst bileşen denetler.

@Composable
fun Parent() {
    var name by remember { mutableStateOf("") }
    NameField(value = name, onValueChange = { name = it })
}

Aşağı ve Yukarı

Kalıp şöyledir: durum aşağı, olaylar yukarı akar. Değer parametre olarak aşağı aktarılır; değişiklikler geri çağırma aracılığıyla yukarı aktarılır. Buna tek yönlü veri akışı denir.

Durum Neden Yukarı Taşınır?

Durumu yukarı taşımak, birden çok oluşturulabilir bileşenin aynı durumu paylaşmasını, üst bileşenin değişikliklere tepki vermesini ve alt bileşenin girdilerinin saf bir işlevi olmasını sağlar. Bu, önizlemeler ve testler için idealdir.

Durum Nereye Taşınmalı?

Durumu, ona ihtiyaç duyan en alt ortak üst bileşene taşıyın. Durumu yalnızca tek bir oluşturulabilir bileşen kullanıyorsa yukarı taşımak gereksiz olabilir. Üstteki bir bileşenin durumu okuması veya denetlemesi gerektiğinde yukarı taşıyın.

Paylaşılan Bir Örnek

Burada tek bir durum parçası hem bir alanı hem de canlı bir önizlemeyi yönetiyor. Bu, yalnızca durum yukarı taşındığı için mümkündür.

@Composable
fun Editor() {
    var text by remember { mutableStateOf("") }
    Column {
        TextField(value = text, onValueChange = { text = it })
        Text(text = "Preview: $text")
    }
}

Durumsuz Olan Yeniden Kullanılabilir

Durumsuz bir oluşturulabilir bileşen değerini parametre olarak aldığı için onu örnek verilerle önizleyebilir ve farklı durum sahipleriyle her yerde kullanabilirsiniz.

@Preview
@Composable
fun NameFieldPreview() {
    NameField(value = "Sample", onValueChange = {})
}

Hepsini Bir Araya Getirme

Üst bileşenin sayımı tuttuğu ve düğmenin durumsuz olduğu yeniden kullanılabilir bir sayaç.

@Composable
fun CounterButton(count: Int, onIncrement: () -> Unit) {
    Button(onClick = onIncrement) {
        Text(text = "Count: $count")
    }
}

@Composable
fun Screen() {
    var count by remember { mutableStateOf(0) }
    CounterButton(count = count, onIncrement = { count++ })
}

Hızlı Kontrol

Durum yukarı taşımada durumsuz oluşturulabilir bileşen genellikle hangi iki şeyi sunar?

Özet

Durum yukarı taşıma:

Durumu çağıran bileşene taşıyın; alt bileşeni durumsuz hâle getirin.
value + onValueChange kalıbını kullanın.
Durum aşağı, olaylar yukarı — tek yönlü veri akışı.
Durumu, ona ihtiyaç duyan en alt ortak üst bileşene taşıyın.

Sıkça Sorulan Sorular

“Durum Yukarı Taşıma” dersi ücretsiz mi?

Evet — “Durum Yukarı Taşıma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Android Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Android Academy kursu toplamda 4 dersten oluşur.

“Durum Yukarı Taşıma” dersinde ne öğreneceğim?

Yeniden kullanılabilir composable'lar için durumu üst katmana taşıyın. Android Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Android Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Android Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Durum Yukarı Taşıma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Android Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Android Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Android Academy Sayfasına Dön