react-native - 如何在 native react 中检查每个 http 请求的互联网连接并显示警报消息？

Question

我只是想在应用程序启动时检查互联网连接，并在调用 HTTP 请求之前检查互联网连接。我看过一些示例，但它让我感到困惑。请指导我。

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了解更多。