React-native İnternet Bağlantı Kontrolü

react-native

React-native ile internet tabanlı bir uygulama geliştirirken, uygulamadan atma (crash) hatası almamak için internet işlemlerini yapmadan önce aşağıdaki fonksiyon ile react-native İnternet bağlantı kontrolü yapabilirsiniz.

Aşağıdaki kod android ve ios için çalışmakta. Önce NetInfo ve Platform sınıflarını import etmeniz gerekiyor. NetInfo sınıfı daha önce react-native’in çekirdeğinde geliyordu fakat artık komüniteye devredildi. Önce comunity’deki repositoyr i terminalden çekiyoruz:

NetInfo sınıfını link ile bağlıyoruz:

Kontrol yapacağımız sayfada (ya da import ederek çağırabilirsiniz) default sınıf içerisine aşağıdaki fonksiyonu ekliyoruz:

dipnot: Yaptığım demoda uyarıları Alert sınıfı ile veriyorum, dolayısıyla Alert sınıfını import etmelisiniz.

Yapmak istediğiniz işlem ya da görüntülemek istediğiniz sayfadan önce CheckConnectivity() çağırdığınızda bağlantı kontrolü gerçekleşecektir.

Android İçin Ekstra Adımlar

İşin android tarafında NetApi izinlere takılıyor. AndroidManifest.xml dosyasına ACCESS_NETWORK_STATE iznini vermemiz gerekiyor.

React-native proje dizininde Android >> App >> src >> main yolunu takip ederek, AndroidManifest.xml dosyasına aşağıdaki kodu ekleyip uygulamayı yeniden koşturuyoruz.

Bu kadar.01

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir