如何检查本地响应中的每个HTTP请求的互联网连接并显示警报消息？

Question

我只是在尝试启动应用程序时检查互联网连接，还试图在调用HTTP Request之前检查互联网连接。我已经看到了一些示例，但这对我来说很混乱。

Answer 1

您可以从react native中使用NetInfo API。

这是示例：

componentDidMount() {
  NetInfo.isConnected.addEventListener(
      'change',
      this._handleConnectivityChange
  );
  NetInfo.isConnected.fetch().done(
      (isConnected) => { this.setState({isConnected}); }
  );
}

componentWillUnmount() {
  NetInfo.isConnected.removeEventListener(
      'change',
      this._handleConnectivityChange
  );
}

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

render() {
    return (
      <View style={styles.container}>
           <Text>{this.state.isConnected ? 'Online' : 'Offline'}</Text>
      </View>
    );
  }
}

因此，上面的代码可以让您知道在应用程序中进行任何api调用之前是否已连接互联网。

您可以参考 https://facebook.github.io/react-native/docs/netinfo.html了解更多信息。