params

params ile ekranlar arası veri geçmeyi öğrenirsin.

params ile veri geçirme

Bir ekrana geçerken veri taşımak için navigate'in ikinci parametresi olarak bir nesne verirsin: navigation.navigate('Details', { itemId: 42 }). Bu nesne, hedef ekranın route.params özelliğinden okunur.

Hedef ekranda parametreleri destructuring ile çıkarırsın: const { itemId } = route.params;. Parametre yoksa uygulama çökebilir; bu yüzden route.params?.itemId veya varsayılan değer kullanmak güvenlidir. route prop'unu da bileşen parametresinden alman gerekir.

Uygulama Sıra sende: params'ı oku ve göster

DetailsScreen bileşeni route prop'unu alsın. route.params içinden itemId'yi destructuring et ve bir <Text> içinde göster.

Örnek çözümü göster

function DetailsScreen({ route }) {
  const { itemId } = route.params;
  return (
    <View>
      <Text>Ürün no: {itemId}</Text>
    </View>
  );
}

Varsayılan params

Bazen bir ekran params olmadan da açılabilir. Bu durumda route.params undefined olur ve doğrudan destructuring yapmak uygulamayı çökertir. Güvenli yol: const { itemId = 0 } = route.params ?? {}; yazmaktır.

Burada ?? {} ile params yoksa boş nesne kullanılır; = 0 ile itemId yoksa varsayılan değer verilir. Böylece uygulaman her koşulda çalışır. Bu desen, opsiyonel parametreli ekranlarda standarttır.

Kendini test et

Boşluğu doldur: params'ı destructuring et

const { itemId } = route.____;

Cevabı göster

const { itemId } = route.params;

Details ekranına itemId geçirmek için nasıl yazılır?
```
navigation.navigate('Details', ?)
```
- navigation.navigate('Details', 'itemId: 42')
- navigation.navigate('Details', { itemId: 42 })
- navigation.navigate('Details', (itemId) => 42)
- navigation.navigate('Details', [42])
Cevabı göster

navigation.navigate('Details', { itemId: 42 }) — params bir nesne olarak geçilir.
Eşleştir: kavram ve açıklama

route.params

geçilen veri
navigate

ekran açma
itemId

parametre anahtarı

Sıradaki ders: Geri butonu

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler