reactjs - 在我的反应原生项目中显示没有互联网连接

Question

我是 react native 的新手，我做了一个简单的项目，现在从 API 提供数据，如果我离线，我想显示通知然后显示消息或警报

没有网络连接

有没有帮助的图书馆？我该如何使用它？

谢谢

标签： reactjsreact-nativereact-native-android

Answer 1

您可以使用以下代码来解决您的问题

import {NetInfo} from "react-native";
componentDidMount() {

    NetInfo.isConnected.addEventListener(
      "connectionChange",
      this.handleConnectivityChange
    );
  }
  componentWillUnmount() {
    NetInfo.isConnected.removeEventListener(
      "connectionChange",
      this.handleConnectivityChange
    );
  }
 handleConnectivityChange = isConnected => {
    if (isConnected) {
      this.setState({ isConnected });
    } else {
      alert("Oops!! No Internet Connection Available");
      this.setState({ isConnected });
    }
  };