如何阻止我的用戶在他們的手機上打開我的 React Native 應用程序，直到他們不會打開他們的 wifi 或移動數據？

Question

如何阻止我的用戶在他們的手機上打開我的 React Native 應用程序，直到他們不會打開他們的 wifi 或移動數據？ 並希望顯示一條消息或通知以打開他們的互聯網連接以打開應用程序。

當用戶嘗試打開應用程序時，一條消息/通知應顯示為 - 您處於離線狀態，請打開您的互聯網連接以訪問該應用程序。

如果用戶已經連接到互聯網，則不需要任何消息/通知。

Answer 1

嘗試window.navigator.onLine檢測瀏覽器是否在線

if (!window.navigator.onLine) {
   alert("you are offline");
   window.close();
}

Answer 2

@rahul 你應該使用https://github.com/react-native-netinfo/react-native-netinfo

這個 package，它基本上公開了一些方法，您可以通過這些方法檢查是否連接了 wifi 或數據。

// Subscribe
const unsubscribe = NetInfo.addEventListener(state => {
  console.log("Connection type", state.type);
  console.log("Is connected?", state.isConnected);
});

// Unsubscribe
unsubscribe();

在 state.isCONnected 中，您將了解設備數據是否已關閉。

希望能幫助到你。 隨時懷疑

Answer 3

您可以使用“react-native-netinfo” npm package 為我們提供 boolean 值（真/假）。 您可以基於此 boolean 值來實現您的邏輯，無論它是后備 UI 還是您可以向用戶顯示“未連接互聯網”這樣的警報。 您可以使用此鏈接了解更多信息