Geri butonu

Geri butonu ve goBack'i öğrenirsin.

goBack fonksiyonu

Bir ekrandan öncekine dönmek için navigation.goBack() çağrısı yaparsın. Bu, yığının en üstündeki ekranı çıkarır ve altındaki ekranı gösterir. Stack navigator'da geri düğmesi genellikle başlık çubuğunda otomatik görünür.

Bazen kendi geri düğmeni koymak istersin. O zaman bir Button ekleyip onPress olayında navigation.goBack() çağırırsın. goBack parametre almaz; her zaman bir üst ekranı çıkarır. Yığında geriye gidecek ekran yoksa hiçbir şey yapmaz.

Android donanım geri tuşu

Android cihazlarda fiziksel veya yazılımsal bir geri tuşu bulunur. Stack navigator bu tuşu otomatik yakalar ve goBack davranışını uygular; yani ekstra kod yazmana gerek kalmaz. Kullanıcı geri tuşuna bastığında bir üst ekran açılır.

Eğer geri tuşunda özel bir işlem yapman gerekiyorsa (örneğin kaydedilmemiş veri varsa uyarı göstermek), useFocusEffect veya BackHandler ile tuş davranışını özelleştirebilirsin. Başlangıç seviyesinde varsayılan davranış çoğu durumda yeterlidir.

Uygulama Sıra sende: geri düğmesi ekle

DetailsScreen bileşenine bir Button ekle. Butona basıldığında navigation.goBack() çağrılsın. navigation prop'unu bileşen parametresinden al.

Örnek çözümü göster

function DetailsScreen({ navigation }) {
  return (
    <View>
      <Text>Detay ekranı</Text>
      <Button
        title="Geri"
        onPress={() => navigation.goBack()}
      />
    </View>
  );
}

Kendini test et

Eşleştir: işlev ve etkisi

goBack

üst ekranı çıkarır
navigate

yeni ekran ekler
popToTop

en başa döner
navigation.goBack() ne yapar?
```
navigation.goBack()
```
- Uygulamayı yeniden başlatır
- Yeni ekran ekler
- Yığının üstündeki ekranı çıkarır
- Tüm params'ı siler
Cevabı göster

Yığının üstündeki ekranı çıkarır — goBack üst ekranı çıkarır ve öncekine döner.
Boşluğu doldur: geri dön
```
navigation.____();
```
Cevabı göster
```
navigation.goBack();
```

Sıradaki ders: Özet - Navigasyon

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler