react-native - 互联网检查警报对话框 [react native]

Question

我正在尝试实现我们在没有互联网的情况下无法运行的应用程序中常见的互联网检查警报对话模式，我正在使用@react-native-community/netinfo它进行互联网检查并且它工作得很好。

截至目前，对话警报只有一个按钮可以退出应用程序，以便用户在解决互联网问题时再次启动它，但我想实现一个刷新按钮或在互联网连接恢复时关闭警报对话框无需离开应用程序。
这是我的应用程序组件

import 'react-native-gesture-handler';
import React,{useEffect} from 'react';
import {BackHandler} from 'react-native'
import {useNetInfo} from "@react-native-community/netinfo";



const App= () => {
  const netInfo = useNetInfo();
 
  const {isConnected,isInternetReachable}=netInfo
  console.log({isConnected})

  const alert_=()=>{
    Alert.alert("Connexion Errur!", "assurez-vous que votre  appareil est connecté à Internet ", [
      {
        text: "Quiter L'application",
        onPress: () =>  BackHandler.exitApp(),
        style: "cancel"
      }
    ]);
  }

  useEffect(() => {
    if(isConnected===false && isConnected !==null){
      alert_()
    } 
  }, [isConnected])
...

标签： react-nativeinternet-connection