reactnative netinfo使用介绍

一 、 android 端 

首先配置权限 

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

NONE   设备没有网络连接


WIFI   无线网络连接


MOBILE  手机移动网络数据连接





添加监听

设置网络变化事件监听器


 //检测网络是否连接

    NetInfo.isConnected.fetch().done(

        (isConnected) => { this.setState({isConnected}); }

    );

 //检测网络连接信息

     NetInfo.fetch().done(

        (connectionInfo) => { this.setState({connectionInfo}); }

    );

 NetInfo.isConnected.addEventListener(//当网络变化时注册监听

        'change',

         this._handleConnectivityChange

    );

_handleConnectivityChange(isConnected) {

       ToastAndroid.show((isConnected ? 'online' : 'offline'),ToastAndroid.SHORT);

  }