关于javascript:ReactNative-获取设备当前网络状态-NetInfo

38次阅读

共计 672 个字符，预计需要花费 2 分钟才能阅读完成。

`react-native` 利用获取设施网络状态能够应用 `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

正文完