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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。