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);

   }