1. 설치
//yarn
yarn add @react-native-community/netinfo
//npm
npm install @react-native-community/netinfo
2. 사용법
import NetInfo from "@react-native-community/netinfo";
//상태확인 시작
const unsubscribe = NetInfo.addEventListener(state => {
console.log("Connection type", state.type);
console.log("Is connected?", state.isConnected);
});
//상태확인 종료
unsubscribe();
1. type은 현재 어떻게 네트워크에 연결되어있는지 출력해준다. (WIFI, cellular 등등)
2. connected는 현재 네트워크에 연결 되어있는지 출력해준다 (Boolean)
꼭 이벤트 리스너를 사용하지 않고 then으로 넘겨주는 방법도 있다.
Netinfo.fetch().then(state => {
console.log('isConnected ? ' , state.isConnected);
console.log('type ? ' , state.type);
})
나는 네트워크를 지속적으로 체크해줘야해서
따로 종료를 만들어주진 않았다.
'Job > RN' 카테고리의 다른 글
[React Native, React] React 상태관리 라이브러리 Zustand (0) | 2023.06.15 |
---|---|
[React Native] FlashList(RecyclerView)에 대해 (0) | 2023.06.14 |
[React Native] Release Build 후 발생하는 Axios Network Error (0) | 2023.06.14 |
[ReactNative] yyyy-mm-dd hh:mm:ss Date포맷 getTime()시 NaN출력 (0) | 2022.09.05 |
[ReactNative] 물리 BackButton을 이용한 앱종료 (0) | 2022.09.05 |