React-Native 获取设备当前网络状态 NetInfo

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相关推荐

React Native获取设备信息组件
转载 https://www.jianshu.com/p/907b003835dc 本文原创首发于公众号:ReactNative开发圈,转载需注明出处. 这次介绍的获取移动设备信息的组件名叫:reac ...
QT 使用 QTcpSocket来检测 ip 设备的网络状态
使用QT中 QTcpSocket来检测设备的网络状态: 函数返回true,设备网络状态正常,返回false,设备网络异常. bool TcpIpSocket::sendATcpSocketToIp(Q ...
(简单详细)React Native获取手机当前经纬度，(通过高德地图接口)获取当前地理位置
要获取手机的当前地理位置,首先要获得经纬度,然后通过逆地理编码获得位置信息地理编码/逆地理编码 API 是通过 HTTP/HTTPS 协议访问远程服务的接口,提供结构化地址与经纬度之间的相互转化的能 ...
React Native不同设备分辨率适配和设计稿尺寸单位px的适配
React Native中使用的尺寸单位是dp(一种基于屏幕密度的抽象单位.在每英寸160点的显示器上,1dp = 1px),而设计师使用的是px, 这两种尺寸如何换算呢? 官方提供了PixelRat ...
reactnative 获取定位_[RN] React Native 获取地理位置
import React, {Component} from 'react'; import {StyleSheet, Text, View}from 'react-native'; exportde ...
React Native获取手机的各种高度
一.窗口高度即图中黄色+蓝色部分 import { Dimensions } from "react-native";const deviceHeight = Dimension ...
如何在React Native中使用Redux Saga监视网络更改
by Pritish Vaidya 通过Pritish Vaidya 如何在React Native中使用Redux Saga监视网络更改 (How to monitor network change ...
Android获取网络状态
前言:在开发安卓移动端时,几乎每一个app都需要连接网络,因此,对设备的网络状态检测是很有必要的!比如:检测当前网络是否可用,当前可用的网络是属于WIFI还是MOBILE等等. 实现步骤流程: 1 . ...
与众不同 windows phone (23) - Device（设备）之硬件状态, 系统状态, 网络状态
原文:与众不同 windows phone (23) - Device(设备)之硬件状态, 系统状态, 网络状态 [索引页] [源码下载] 与众不同 windows phone (23) - Devi ...

React-Native 获取设备当前网络状态 NetInfo

NetInfo

React-Native 获取设备当前网络状态 NetInfo相关推荐

最新文章

热门文章