NetInfo

NetInfo ile ağ durumu öğrenirsin.

NetInfo paketi

Uygulamanın çevrimiçi mi yoksa çevrimdışı mı olduğunu öğrenmek için @react-native-community/netinfo paketini kullanırsın. Bu paket, ağ durumunu anlık olarak verir; isConnected alanı cihazın internete bağlı olup olmadığını söyler. Expo ile kurulum: npx expo install @react-native-community/netinfo.

Paket iki şekilde kullanılır. Birincisi anlık sorgu: const state = await NetInfo.fetch(); bu, o anki ağ durumunu verir. İkincisi abonelik: NetInfo.addEventListener((state) => ...); bu, ağ durumu her değiştiğinde çağrılır. Abonelik bir işlev döndürür; bu işlev çağrılınca abonelik kaldırılır. Çevrimdışı uygulamalarda ağ durumunu bilmek kritiktir.

İçe aktarma ve fetch

Paket varsayılan dışa aktarım olarak gelir: import NetInfo from '@react-native-community/netinfo'. Anlık sorgu için await NetInfo.fetch() kullanırsın. Sonuç bir nesnedir; isConnected alanı bağlantı durumunu, type alanı ağ türünü (wifi, cellilar) taşır.

Örnek: const state = await NetInfo.fetch(); console.log(state.isConnected). Bu, o anki bağlantıyı konsola yazar. state.isConnected true ise cihaz çevrimiçi, false ise çevrimdışıdır. Bu bilgiye göre uygulama, ağ isteği yapabilir veya yerel önbelleğe düşer.

Uygulama Ağ durumunu sorgula

Boş checkOnline işlevini tamamla. const state = await NetInfo.fetch() çağır. return state.isConnected ile bağlantı durumunu döndür.

Örnek çözümü göster

const state = await NetInfo.fetch();
return state.isConnected;

Kendini test et

NetInfo ne sağlar?
- Yalnızca dosya saklama
- Ağ durumu bilgisi
- Yalnızca kamera
- Yalnızca konum
Cevabı göster

Ağ durumu bilgisi — NetInfo ağ durumu bilgisi sağlar.

İçe aktarma cümlesini yaz

import ____ from '@react-native-community/netinfo';

Cevabı göster

import NetInfo from '@react-native-community/netinfo';

Parçayı rolüne eşle

NetInfo.fetch()

Anlık sorgu
addEventListener

Abonelik kurar
isConnected

Bağlantı durumu
type

Ağ türü

Sıradaki ders: Offline cache

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler