REACT-NATIVE 인터넷 연결 확인

 

어떤 경우에는 앱에서 작업을 시작하기 전에 장치가 인터넷에 연결되어 있는지 확인할 필요가 있을때  Netinfo 라이브러리를 사용하여 확인할 수  있으며 애플리케이션의 React Native 버전에 따라 다릅니다. 

 

 

RN : 버전> = 0.60

 

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

NetInfo.fetch().then(state => {
  console.log("Connection type", state.type);
  console.log("Is connected?", state.isConnected);
});

 

isConnected: boolean,
Type: none, wifi, bluetooth, cellular.

 

 

 

RN : 버전 <0.60

 

import { NetInfo } from "react-native";

NetInfo.getConnectionInfo().then((connectionInfo) => {
  console.log(
    'Type: ' +
      connectionInfo.type +
      ', effectiveness: ' +
      connectionInfo.effectiveType
  );
});

 

Connection type values : none, wifi, bluetooth, cellular.,
Effectiveness : 2g, 3g, 4g