React-Native 獲取設備當前網絡狀態 NetInfo

`react-native` 應用獲取設備網絡狀態可使用 `NetInfo` 包進行獲取。

NetInfo

NetInfo 模塊能夠獲取設備當前的聯網狀態，能夠訂閱和一次性獲取網絡狀態。之前在react-native集成，如今已經單獨移到 @react-native-community 社區管理。

• 安裝(IOS須要pod install)

yarn add @react-native-community/netinfo

• 引入模塊

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

• 一次性獲取網絡狀態

NetInfo.fetch().then(state => {
  console.log("網絡連接類型", state.type);
  console.log("網絡是否連接?", state.isConnected);
})

• 訂閱網絡狀態（hooks）

import {useNetInfo} from "@react-native-community/netinfo"

const YourComponent = () => {
  const netInfo = useNetInfo()
  
  return (
    <View>
      <Text>網絡類型: {netInfo.type}</Text>
      <Text>網絡是否連接? {netInfo.isConnected.toString()}</Text>
    </View>
  );
}

官方git倉庫參考：https://github.com/react-native-netinfo/react-native-netinfo#usenetinfo