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