Alert butonları

Alert butonları ve callback'lerini öğrenirsin.

Alert butonları

Varsayılan olarak Alert.alert tek bir Tamam düğmesi gösterir. Kendi butonlarını eklemek için üçüncü parametre olarak bir dizi verirsin. Her buton bir nesnedir ve text ile onPress özellikleri içerir.

Alert.alert('Kaydet', 'Değişiklikler kaydedilsin mi?', [
  { text: 'İptal', onPress: () => {} },
  { text: 'Kaydet', onPress: () => kaydet() }
]);

Butonlar dizideki sırayla soldan sağa dizilir. iOS'ta en fazla üç buton gösterilir; Android'de ise sınırlama daha esnektir.

onPress geri çağırması

Her buton nesnesinin onPress özelliği, kullanıcı o butona bastığında çağrılan bir işlevdir. Bu işlevin içinde istediğin işlemi yaparsın: veriyi kaydetmek, navigasyonu değiştirmek veya bir durumu güncellemek.

İptal butonu için genellikle boş bir işlev verirsin: onPress: () => {}. Onay butonu için ise asıl işlemi yapan işlevi verirsin. Butona basıldıktan sonra Alert otomatik kapanır; ayrıca kapatma kodu yazmana gerek yoktur.

Uygulama Sıra sende: iki butonlu Alert

Alert.alert çağır. Başlık 'Çıkış', mesaj 'Çıkmak istiyor musunuz?' olsun. İki buton ekle: İptal ve Çık. Her birine bir onPress ver.

Örnek çözümü göster

import { Alert, Button } from 'react-native';

function Screen() {
  return (
    <Button
      title="Çıkış"
      onPress={() =>
        Alert.alert('Çıkış', 'Çıkmak istiyor musunuz?', [
          { text: 'İptal', onPress: () => {} },
          { text: 'Çık', onPress: () => cikisYap() }
        ])
      }
    />
  );
}

Kendini test et

Boşluğu doldur: buton nesnesi

{ text: 'Tamam', ____: () => kaydet() }

Cevabı göster

{ text: 'Tamam', onPress: () => kaydet() }

Alert buton nesnesinin zorunlu özelliği hangisidir?
```
{ text: 'Kaydet', onPress: () => save() }
```
- color
- text
- style
- icon
Cevabı göster

text — text, butonun etiketini belirler ve zorunludur.
Eşleştir: buton özelliği ve görevi

text

düğme etiketi
onPress

basınca çalışan işlev
style

düğme biçimi

Sıradaki ders: Toast

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler