React Native
Native event
Native event ve emitter öğrenirsin.
Native event
Native event, native taraftan JS'e gönderilen bildirimlerdir. Örnek: Bluetooth açıldığında, kulaklık takıldığında ya da sensör verisi geldiğinde native taraf bir event yayımlar. JS, NativeEventEmitter ile bu event'leri dinler.
Kullanım: önce modülün bir örneği alınır new NativeEventEmitter(NativeModules.Bluetooth). Sonra addListener ile belirli bir event dinlenir. İşlem bitince remove ile temizlik yapılır; bellek sızıntısı önlenir.
NativeEventEmitter ile dinleme
NativeEventEmitter, native event'leri dinlemek için kullanılan sınıftır. Önce modül örneği ile bir emitter oluşturulur: const emitter = new NativeEventEmitter(NativeModules.Bluetooth). Sonra emitter.addListener('stateChanged', callback) ile event dinlenir.
Callback, event payload'ını alır. Önemli: bileşen kapanırken listener kaldırılır. useEffect içine const sub = emitter.addListener(...) yazılır, return () => sub.remove() ile temizlik yapılır. Bu kalıp, bellek sızıntısını önler.
Uygulama Bluetooth event dinle
useBluetoothState hook'unu tamamla. NativeEventEmitter'ı react-native'dan içe aktar. new NativeEventEmitter(NativeModules.Bluetooth) ile emitter oluştur. addListener('stateChanged', handler) ile dinle; useEffect dönüşünde sub.remove() çağır.
Örnek çözümü göster
import { useEffect } from 'react';
import { NativeEventEmitter, NativeModules } from 'react-native';
export function useBluetoothState(handler) {
useEffect(() => {
const emitter = new NativeEventEmitter(NativeModules.Bluetooth);
const sub = emitter.addListener('stateChanged', handler);
return () => sub.remove();
}, []);
}
Kendini test et
-
Native event neyi bildirir?
- Native taraftan gelen durum değişikliklerini
- Yalnızca dosya adlarını
- Yalnızca animasyonları
- Yalnızca stilleri
Cevabı göster
Yalnızca dosya adlarını — Native event native taraftan gelen durum değişikliklerini bildirir.
-
Event parçalarını eşle
- NativeEventEmitter
- Event dinleyici
- addListener
- Event kaydı yapar
- 'stateChanged'
- Event adı
- sub.remove()
- Temizlik yapar
-
Event adını yaz
emitter.addListener('____', handler);
Cevabı göster
emitter.addListener('stateChanged', handler);
Sıradaki ders: TurboModules
