[리액트 네이티브] 네트워크 확인하기 / NetInfo, Expo

[React Native_ NetInfo]

 

네트워크 연결을 확인하는 방법에 대해 알아보자

 

---

 

<STUDY>

 

1. 라이브러리 설치

expo install '@react-native-community/netinfo'

 

 

2. 인터넷 연결 여부 확인 (재사용 가능)

``````

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

``````

const unsubscribe = NetInfo.addEventListener(state => {
  console.log(state.isConnected);
  return (state.isConnected);
});

unsubscribe();

 

   💡 state.isConnected : boolean (true / false)

 

   💡 state.type : 인터넷 연결 장치 (ex. wifi, cellular 등)

 

---

 

네트워크 연결 오류 메시지를 보내기 위해 인터넷 연결 상태를 확인하는 단계가 필요했다.

페이지마다 확인을 하기 위해 props로 전달해 주면서 useEffect를 사용하였다.

 

<자세한 내용은 엑스포 공식 홈페이지에서 확인 가능합니다.>

 

---

 

내가 보려고 정리하는 리액트 네이티브🔆

 

👉ez1n github 구경하기👈 

 

ez1n - Overview