重新打开WiFi后，React Native的NetInfo无法捕获

问题描述

我正在构建一个小的组件，该组件将显示一条红色的条，表示“无连接”。当我关闭wifi时，它工作正常，横幅显示正常。当我重新打开wifi时，NetInfo似乎没有收到该事件，因此横幅保持原状。

打开wifi时，控制台日志不会显示任何内容，因此我认为netinfo没有更新。

这是我的OfflineNotice组件：

import React,{useState,useEffect} from 'react';
import {View,StyleSheet,Dimensions,Text} from 'react-native';
import NetInfo from '@react-native-community/netinfo';

const {width} = Dimensions.get('window');

const OfflineNotice = () => {
  const [connected,setConnected] = useState(true);

  useEffect(() => {
    NetInfo.addEventListener((state) => {
      console.log(state);
      setConnected(state.isInternetReachable);
    });
  },[]);

  return (
    <View>
      {!connected && (
        <View style={styles.offlineContainer}>
          <Text style={styles.offlineText}>No Internet Connection</Text>
        </View>
      )}
    </View>
  );
};

const styles = StyleSheet.create({
  offlineContainer: {
    backgroundColor: '#b52424',height: 30,justifyContent: 'center',alignItems: 'center',flexDirection: 'row',width,position: 'absolute',top: 30,},offlineText: {
    color: '#fff',});

export default OfflineNotice;

解决方法

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

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

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