react-native监测网络连接

最新推荐文章于 2024-08-25 08:38:19 发布

花程序媛

最新推荐文章于 2024-08-25 08:38:19 发布

阅读量1.8k

点赞数

分类专栏： react-native

本文链接：https://blog.csdn.net/shizhihua11/article/details/88143247

版权

react-native 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

componentWillMount(){
	NetInfo.getConnectionInfo().then((connectionInfo) => {
	    console.log('Initial, type: ' + connectionInfo.type + ', effectiveType: ' + connectionInfo.effectiveType);
	    if(connectionInfo.type=='none'){
	       //没有网络
	    }else{
	       //有网络
	    }
    });

    NetInfo.addEventListener(
        'connectionChange',
        this.handleFirstConnectivityChange.bind(this)
    );
}

componentWillUnmount(){
    NetInfo.removeEventListener(
        'connectionChange',
        this.handleFirstConnectivityChange.bind(this)
    );
}

handleFirstConnectivityChange(connectionInfo){
    let that=this;
    console.log('网络事件监听, type: ' + connectionInfo.type + ', effectiveType: ' + connectionInfo.effectiveType);
    if(connectionInfo.type=='none'){
        //没有网络
    }else{
        //有网络
    }
}