Alert
- React Native kursu
- Başlangıç
- Ders 94/116
- 4 dk
Alert.alert ile uyarı göstermeyi öğrenirsin.
Alert nedir?
React Native'de kullanıcıya kısa bir uyarı göstermenin en basit yolu Alert.alert'tir. Bu işlev, ekranın ortasında beliren kalıcı bir iletişim kutusu açar. Kullanıcı bir butona başana kadar diğer ekran öğeleriyle etkileşimi engeller.
Alert.alert üç parametre alır: başlık (title), mesaj (message) ve butonlar dizisi. En basit kullanımda yalnızca başlık verirsin: Alert.alert('Kaydedildi'). Mesaj ve butonlar isteğe bağlıdır; ihtiyacına göre eklersin.
Alert.alert sözdizimi
Alert.alert çağrısının tam biçimi şöyledir: Alert.alert(başlık, mesaj, butonlar). Başlık bir dize, mesaj bir dize, butonlar ise nesne dizisidir. Butonlar verilmezse varsayılan olarak tek bir Tamam düğmesi görünür.
Alert.alert(
'Dosya silinsin mi?',
'Bu işlem geri alınamaz.'
);Bu örnekte yalnızca başlık ve mesaj var; varsayılan Tamam düğmesi otomatik eklenir. Alert'i react-native paketinden içe aktarman gerekir.
Uygulama Sıra sende: Alert ile uyarı göster
Alert'i react-native'den içe aktar. Bir butona basıldığında Alert.alert('Kayıt silindi', 'Geri alınamaz') çağrılsın.
Başlangıç kodu
import { Button } from 'react-native';
function Screen() {
return (
<Button
title="Sil"
onPress={() => {
// uyarı göster
}}
/>
);
}Örnek çözüm
import { Alert, Button } from 'react-native';
function Screen() {
return (
<Button
title="Sil"
onPress={() => Alert.alert('Kayıt silindi', 'Geri alınamaz')}
/>
);
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Alert.alert'in en az kaç parametreyle çağrılabilir?
Alert.alert('Kaydedildi')- Yalnızca bir: başlık Doğru cevap
- En az iki: başlık ve mesaj
- Hiç parametre olmadan
- En az üç: başlık, mesaj, butonlar
Açıklama: Yalnızca başlık yeterlidir; mesaj ve butonlar isteğe bağlıdır.
2 Boşluğu doldur: Alert çağrısı
Alert.____('Uyarı', 'Dosya kaydedildi');Alert.alert('Uyarı', 'Dosya kaydedildi');Açıklama: Alert.alert ile uyarı gösterilir.
3 Eşleştir: Alert parametreleri
| Kavram | Anlamı |
|---|---|
başlık |
ilk parametre |
mesaj |
ikinci parametre |
butonlar |
üçüncü parametre |