`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