react-native 應(yīng)用獲取設(shè)備網(wǎng)絡(luò)狀態(tài)可以使用 NetInfo 包進(jìn)行獲取。

NetInfo

NetInfo 模塊可以獲取設(shè)備當(dāng)前的聯(lián)網(wǎng)狀態(tài)，可以訂閱和一次性獲取網(wǎng)絡(luò)狀態(tài)。以前在react-native集成，現(xiàn)在已經(jīng)單獨(dú)移到 @react-native-community 社區(qū)管理。

• 安裝(IOS需要pod install)

yarn add @react-native-community/netinfo

• 引入模塊

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

• 一次性獲取網(wǎng)絡(luò)狀態(tài)

NetInfo.fetch().then(state => {console.log("網(wǎng)絡(luò)鏈接類型", state.type);console.log("網(wǎng)絡(luò)是否鏈接?", state.isConnected); })

• 訂閱網(wǎng)絡(luò)狀態(tài)（hooks）

import {useNetInfo} from "@react-native-community/netinfo"const YourComponent = () => {const netInfo = useNetInfo()return (<View><Text>網(wǎng)絡(luò)類型: {netInfo.type}</Text><Text>網(wǎng)絡(luò)是否鏈接? {netInfo.isConnected.toString()}</Text></View>); }

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

總結(jié)

以上是生活随笔為你收集整理的React-Native 获取设备当前网络状态 NetInfo的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。