Toast
- React Native kursu
- Başlangıç
- Ders 96/116
- 5 dk
Toast mesajları öğrenirsin.
Toast mesajları
Toast, ekranın altında kısa süre beliren küçük bir bildirimdir. Alert'ten farkı: kalıcı değildir, kullanıcıyı durdurmaz ve birkaç saniye sonra kendiliğinden kaybolur. React Native'de Android için ToastAndroid bileşeni bulunur.
Kullanımı basittir: ToastAndroid.show(mesaj, süre). Süre iki değer alır: ToastAndroid.SHORT (yaklaşık 2 saniye) ve ToastAndroid.LONG (yaklaşık 3.5 saniye). iOS'ta ToastAndroid çalışmaz; iOS için bir kütüphane kullanman gerekir.
Toast süreleri
ToastAndroid iki sabit süre değerine sahiptir. ToastAndroid.SHORT mesajı yaklaşık 2 saniye gösterir; hızlı bildirimler için uygundur. ToastAndroid.LONG ise yaklaşık 3.5 saniye gösterir; daha uzun metinlerde tercih edilir.
ToastAndroid.show(
'Kaydetme başarılı',
ToastAndroid.SHORT
);Süre değerini sayı olarak değil, sabit olarak verirsin. ToastAndroid'i react-native paketinden içe aktarmalısın.
Uygulama Sıra sende: Toast bildirimi göster
ToastAndroid'i react-native'den içe aktar. Bir butona basıldığında ToastAndroid.show('Kaydedildi', ToastAndroid.SHORT) çağrılsın.
Başlangıç kodu
import { Button } from 'react-native';
function Screen() {
return (
<Button
title="Kaydet"
onPress={() => {
// Toast bildirimi göster
}}
/>
);
}Örnek çözüm
import { ToastAndroid, Button } from 'react-native';
function Screen() {
return (
<Button
title="Kaydet"
onPress={() => ToastAndroid.show('Kaydedildi', ToastAndroid.SHORT)}
/>
);
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Eşleştir: Toast ve Alert
| Kavram | Anlamı |
|---|---|
Toast |
kendi kendine kaybolur |
Alert |
kalıcı durdurur |
ToastAndroid.SHORT |
kısa süre |
2 ToastAndroid hangi platformda çalışır?
ToastAndroid.show('Merhaba', ToastAndroid.SHORT)- Yalnızca iOS
- Hem iOS hem Android
- Yalnızca Android Doğru cevap
- Yalnızca web
Açıklama: ToastAndroid sadece Android'de çalışır.
3 Boşluğu doldur: Toast çağrısı
ToastAndroid.____('Kaydedildi', ToastAndroid.SHORT);ToastAndroid.show('Kaydedildi', ToastAndroid.SHORT);Açıklama: show ile Toast bildirisi görüntülenir.