互联网检查警报对话[本机反应]

问题描述

我正在尝试实现我们在没有互联网就无法运行的应用程序中常见的互联网检查警报对话模式，我正在使用 @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])
...

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）