React-native: iOS : NetInfo.isConnected는 항상 false를 반환합니다.

RN 0.29.0으로도 재현 할 수 있습니다. 나는 0.26.2 이전에 실행 중이었고 잘 작동했습니다. 소스에서 빌드하고 디버그하려고합니다.

+1

이전에 동일한 문제를보고했습니다 : https://github.com/facebook/react-native/issues/8469

빠른 해결 방법은 이벤트 처리기 NetInfo.isConnected.addEventListener('change', Function.prototype) 를 추가하는 것입니다.

+1 및 NetInfo.fetch (). done ()과 동일한 문제-항상 unknown 반환

이 방법으로 해결했습니다.

componentDidMount() {
  const dispatchConnected = isConnected => this.props.dispatch(setIsConnected(isConnected));

  NetInfo.isConnected.fetch().then().done(() => {
    NetInfo.isConnected.addEventListener('change', dispatchConnected);
  });
}

+1

이 버그는 0.29.2에서 발견되었습니다.

이 버그는 0.28에서 발견되었습니다.

0.30.0이 여전히 작동하지 않음

관련 코드가 변경되지 않았으므로 여전히 작동하지 않는 것이 좋습니다.

이전에 https://github.com/facebook/react-native/issues/8469 에서 버그를보고했습니다. 여기에서 원인을 자세히 설명하고 샘플 코드가 첨부되어 있습니다. 이 때문에 이것을 닫아 두는 것이 합리적이라고 생각합니다.

열린 RN 문제의 수가 매일 증가하므로 가능한 한 우리의 역할을 수행하고 통합하는 것이 중요합니다.

오늘도 같은 문제에 주목했습니다

0.30.0 버전을 사용하고 있으며이 오류도 발견되었습니다.

나에게 같은 문제, 나는 [email protected]을 사용하고 있으며 가져 오기는 항상 알 수 없음을 반환합니다.

하지만 대신 addEventListener를 사용할 수 있습니다.

NetInfo.addEventListener('change',
    (networkType)=> {
        this.setState({networkType})
    }
)

대신에:

NetInfo.fetch().done(
    (networkType)=> {
        this.setState({networkType})
    }
)

@ facebook-github-bot 버그

0.31에서이 문제가 발생합니다.이 문제가 해결됩니까?

0.32와 동일

@knowbody 스 니펫은 어떻게 작동합니까? 내 클래스에서 또는 전역 함수 또는 다른 것으로 setIsConnected 메서드를 정의해야합니까? 왜냐하면 실제로 Can't find variable: setIsConnected 라는 오류가 있습니다.

@florentsorel 그래서 내 프로젝트에서 상태 관리를 위해 redux를 사용하고 setIsConnected 는 내 액션 생성자입니다.

actions/network.js

export const setIsConnected = (isConnected) => ({
  type: 'SET_IS_CONNECTED',
  isConnected
});

그리고 network 감속기가 있습니다.

reducers/network.js

const initialState = {
  isConnected: true
};

const network = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_IS_CONNECTED':
      return {
        isConnected: action.isConnected
      };

    default:
      return state;
  }
}

export default network;

+1

v0.34.1에서이 문제가 있습니다.

편집 : v0.35.0 및 동일한 문제로 업데이트되었습니다.

v0.35.0에서 동일

v0.36.0에서 동일한 문제가 발생합니다.

@knowbody 스 니펫은 0.36에서 나를 위해 작동합니다.

@Dnld : @Ehesp 는 v.036에서 작동한다고 말합니다. 이것은 결국 해결되지 않습니까? 0.33에서도 문제가 있었는데 업그레이드하고 싶습니다. 감사.

기본 코드는 실제로 변경되지 않았으므로 이것이 "고정"되면 놀랄 것입니다.

이 변경의 동기는 애플리케이션 코드가이를 관찰하는 데 관심이있는 경우 네트워크 상태를 감시하는 기본 기계를 설정하는 것 같아서 따옴표로 수정했습니다.

앱 은 도달 가능성 확인 을 하는 이벤트 리스너 를

이 시점에서 이것이 바람직한 동작 인 것처럼 보이므로 문서 변경이 필요할 수 있습니다. NetInfo.isConnected 는 부울을 반환하므로 상태를 알 수 없으며 이벤트 리스너를 추가 할 때까지 변경되지 않는다는 것을 표현하지 않습니다. 또는 null 또는 부울을 반환하도록 함수를 변경할 수 있습니다.

내 앱에는 @knowbody가 게시 한 것과 매우 유사한 코드가 있습니다. 그러나 시작할 때 쓸모가 없기 때문에 NetInfo.isConnected.fetch() 라고 전혀 부르지 않습니다.

연결이 있다고 가정하고 리스너를 추가하면 연결 상태가 더 이상 알 수 없을 때 상태가 업데이트됩니다.

0.34.1이 여전히 작동하지 않음

RN 0.37.0과 동일한 문제

@ xing-zheng 어떤 이유로 내 컴퓨터에서 Wi-Fi를 끄더라도 솔루션이 'MOBILE'만 반환하므로 에뮬레이터에 반영됩니다. 왜 그런지 아세요?

componentDidMount() { NetInfo.addEventListener('change', (networkType)=> { this.setState({connected: networkType}) } ) }

RN 0.38.0과 동일한 문제

0.39에서도 동일

addEventListener 솔루션을 시도 할 때 NetInfo는 하나 또는 두 개의 연결 변경 사항 만 감지합니다. 예를 들어, 연결로 시작한 다음 연결을 끊으면 Netinfo가이를 감지하지만 다시 연결하면 현재 연결되어 있음을 감지하지 못합니다. NetInfo는 해결 방법을 사용하더라도 내 앱에서 엄청나게 많은 오탐을 생성합니다. 다른 사람도 똑같은 경험을하고 있습니까?

이 문제를 해결하기 위해 이상한 해결 방법을 만들어야했습니다. 어떤 이유로 한 가지 방법은 Android에서 작동하고 다른 하나는 iOS에서 작동합니다. 이것에 대한 수정이 좋을 것입니다.

function handleFirstConnectivityChange(isConnected) {
    if (!sConnected) {
     // do action
    } 
    NetInfo.isConnected.removeEventListener('change', handleFirstConnectivityChange);
}

if (Platform.OS === 'ios') {
    NetInfo.isConnected.addEventListener('change', handleFirstConnectivityChange); 
} else {
    NetInfo.isConnected.fetch().then(isConnected => {
    if (!sConnected) {
        // do action
    } 
}

@ robertodias180 작동하지 않습니다.

RN- 0.39 이상

function handleFirstConnectivityChange (isConnected) {
if (! sConnected) {
// 조치 수행
}
NetInfo.isConnected.removeEventListener ( 'change', handleFirstConnectivityChange);
}

if (Platform.OS === 'ios') {
NetInfo.isConnected.addEventListener ( 'change', handleFirstConnectivityChange);
} else {
NetInfo.isConnected.fetch (). then (isConnected => {
if (! sConnected) {
// 조치 수행
}
}

저 좀 도와 주 시겠어요?

@imbudhiraja 는 모든 플랫폼에서 작동합니까?

아니요 어떤 플랫폼에서도 작동하지 않았습니다.

감사
매니쉬 부디 라자

2017 년 1 월 3 일 오후 8시 12 분에 "Roberto Dias" [email protected]이 작성했습니다.

@imbudhiraja https://github.com/imbudhiraja 는
플랫폼?

—
당신이 언급 되었기 때문에 이것을 받고 있습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/facebook/react-native/issues/8615#issuecomment-270128504 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AVTjXHSe8OcVq8fQ5XVk8hh9XXHfHFVZks5rOl5ggaJpZM4JGaBc
.

두 가지 문제가있는 것 같습니다.

1. isConnected.fetch 는 iOS에서 손상된 것 같습니다. 수정은 간단해야합니다. @ robertodias180 이 게시 한 해결 방법은 다른 방법으로 네이티브 코드를 쿼리하기 때문에 의미가 있습니다.
2. NetInfo의 flakyness는 @Aristekrat 설명. 이것은 더 걱정 스럽습니다. 누군가이 문제를 재현하는 자세한 방법을 제공 할 수 있습니까? 그러면 문제를 해결하는 데 도움이 될 것입니다.

RN 0.38.1 이하, iOS 시뮬레이터.

componentDidMount() {
    NetInfo.isConnected.fetch().then(this._handleConnectionInfoChange);
    NetInfo.isConnected.addEventListener(
        'change',
        this._handleConnectionInfoChange
    );
 }

 componentWillUnmount(){
     NetInfo.isConnected.removeEventListener(
        'change',
        this._handleConnectionInfoChange
    );
 }

_handleConnectionInfoChange(isConnected){
    this.props.connectActions.netInfo(isConnected);

    dbg('connected', isConnected);

};

초기 NetInfo.isConnected.fetch().then(this._handleConnectionInfoChange); 는 현재 연결 상태를 올바르게 검색합니다. 그러나 연결 상태에 대한 후속 변경은 eventListener에 의해 캡처되지 않습니다.

나는 지금 많은 RN 버전 에서이 문제를 겪고 있습니다.

@imbudhiraja 난 결국 "깨끗한"코드를 변경했습니다. 네트워크 연결의 현재 상태가있는 유틸리티가 있습니다. 이것은 두 플랫폼 모두에서 작동합니다. 앱이 열리면 initializeConnection 을, 그리고 필요할 때 isConnected 를합니다. 앱이 열릴 때 (특히 Android에서) NetInfo 에 연결 상태가 표시 될 때까지 약간의 시간이 소요될 수 있습니다. hasConnection !== null 까지 지연되었습니다. 도움이되기를 바랍니다.

const hasConnection = null;

export const initializeConnection = () => {

  const dispatchConnected = isConnected => { hasConnection = isConnected; };

  NetInfo.isConnected.fetch().then().done(() => {
    NetInfo.isConnected.addEventListener('change', dispatchConnected);
  });

}

export const isConnected = () => {
  NetInfo.fetch().done((reach) => {
    console.log('Initial: ' + reach);
  });
  return hasConnection;
}

비슷한 것을 시도했지만 연결이 (시뮬레이터에서) 반환 될 때 eventListener가 감지하지 못하는 상황이 계속 발생합니다.

인터넷 연결없이 앱 새로 고침 => 감지 됨
인터넷 다시 켜기 => 감지되지 않음

인터넷 연결로 앱 새로 고침 => 감지 됨
인터넷 끄기 => 감지 됨
인터넷 다시 켜기 => 감지되지 않음

<strong i="11">@autobind</strong>
export default class ConnectionToast extends React.Component {

    constructor(props){
        super(props);
    }

    componentDidMount() {
        NetInfo.isConnected.fetch()
            .then(this._handleConnectionInfoChange)
            .done(this._addListener);
     }

     componentWillUnmount(){
         this._removeListener();
     }

     _addListener(){
         NetInfo.isConnected.addEventListener(
             'change',
             this._handleConnectionInfoChange
         );
     }

     _removeListener(){
         NetInfo.isConnected.removeEventListener(
            'change',
            this._handleConnectionInfoChange
        );
     }

    _handleConnectionInfoChange(isConnected){
        this.props.connectActions.netInfo(isConnected);

        dbg('connected', isConnected);

        // this._removeListener();
        // this._addListener();

    }

[...]

변경 될 때마다 청취자를 제거하고 다시 추가하려고 시도했지만 기쁨은 없었습니다.

@mschipperheyn @knowbody 가 이전에 게시 한 접근 방식을 사용하여 똑같은 문제가 발생했습니다.

문서는 또한 handleFirstConnectivityChange 를 통해 첫 번째 변경 사항 만 처리 할 것이라고 암시합니다. 이것이 맞습니까, 아니면 모든 후속 변경을 감지해야합니까?

당신이 가지고 있는지 확인하십시오

안드로이드 매니페스트 파일에 설정하십시오. 이것은 나를 넘어 뜨렸다.

RN 0.41.0과 동일한 문제

iOS에서는 리스너를 추가하지 않고 SCNetworkReachabilitySetCallback을 등록하지 않습니다. 확실히 작동하지 않습니다. 디자인 목적은 무엇입니까?

0.41.2와 동일

@djohnkirby 귀하의 의견에 XML이 누락되었습니다. 게시하려고했던 것 같습니다. 편집 할 수 있습니까?

AndroidManifest.xml에 추가 할 줄은 다음과 같습니다.

 <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

0.39.2 : 같은 문제. NetInfo fetch 결과는 항상 false 일뿐만 아니라 앱이 시작된 후 연결 상태 변경을 빠르게 감지합니다.

0.42.0 : 같은 문제. 나는 또한 여기에 내 문제를 설명했다 : https://stackoverflow.com/questions/42642034/check-for-internet-connection-returns-wrong-results
iOS 및 macOS Sierra에서 테스트 중입니다.

업데이트 : 내 문제는 시뮬레이터에서 테스트했기 때문에 실제 장치에서 모든 것이 작동합니다. 위의 링크에서 답변했습니다.

나는 같은 문제가 있습니다 :(

NetInfo.isConnected.fetch().then((isConnected) => { console.log(isConnected); });
// always return false

앱이 시뮬레이터에서 실행 중인지 여부를 누군가가 알고 싶은 경우 : http://stackoverflow.com/a/34732015/552669

버그가 아닙니다. 네이티브 모듈 RCTNetInfo 는 RCTEventEmitter 의 하위 클래스이므로 startObserving 메서드를 트리거하려면 관찰자를 추가해야합니다.
앱 시작 프로세스에서 NetInfo에 임의의 관찰자를 추가 한 다음 fetch 함수를 호출 할 수 있습니다 (NetInfo.isConnected는 실제로 fetch 함수를 호출합니다).

@ robertodias180 제안에 따르면 isConnected에 대한 래퍼를
작동하는 것 같지만 모든 경우에 작동하는지 궁금합니다.

export function isNetworkConnected() {
  if (Platform.OS === 'ios') {
    return new Promise(resolve => {
      const handleFirstConnectivityChangeIOS = isConnected => {
        NetInfo.isConnected.removeEventListener('change', handleFirstConnectivityChangeIOS);
        resolve(isConnected);
      };
      NetInfo.isConnected.addEventListener('change', handleFirstConnectivityChangeIOS);
    });
  }

  return NetInfo.isConnected.fetch();
}

같은 문제. 0.40

같은 문제가 발생합니다

0.42.3- 시뮬레이터와 실제 장치 모두에서 iOS를 실행하는 동일한 문제가 발생했습니다. @ Knight704 의 솔루션을 사용하면 문제가 완화되었습니다.

0.42.3에서 동일

0.43.1에서 동일

0.40에서 이것을보고

이 문제도 있습니다. 무작위로 작동하도록 할 수 있었고 작동을 멈췄습니다.

@ Knight704 의 솔루션은 처음에는 나를 위해 작동했지만 어떤 이유로 모달의 네비게이터 두 번째 레이어 내부에서 한 번 호출하면 모달을 닫은 후에도 함수가 작동을 멈 춥니 다 (handleFirstConnectivityChangeIOS는 호출되지 않음). 매우 이상한 행동, 이것이 작동하지 않는 이유 또는 NetInfo에서 잘 작동하지 않는 코드베이스의 다른 무언가인지 알 수 없습니다.

내가 뭘 놓치고 있니?

    this.state = {
            isConnected: null,
     }
    componentDidMount() {
        console.log('first one ', this.state.isConnected)
        NetInfo.isConnected.addEventListener(
            'change',
            this._handleConnectivityChange
        );
        console.log('second ', this.state.isConnected)
        NetInfo.isConnected.fetch().done(
            (isConnected) => {this.setState({isConnected});}
        );
        console.log('third ', this.state.isConnected)
    }
    componentWillUnmount(){
        console.log('did it unmount ', this.state.isConnected)
        NetInfo.isConnected.removeEventListener(
            'change',
            this._handleConnectionInfoChange
        );
        console.log('it did unmount ', this.state.isConnected)
    }
    _handleConnectivityChange = (isConnected) => {
        this.setState({
            isConnected,
        });
    };
   render() {
      console.log('fourth ', this.state.isConnected)
        if(this.state.isConnected === false){
            const connectAlert = (Alert.alert(
                'ERROR',
                'No connection bro!',
                [
                    {text: 'OK'},
                ]
            ))
        }
        return ()
}

그래서 내가 그것을 실행하면 항상은 아니지만 가끔 경고가 발생합니다 ....

다음은 연결이 있어도 경고를 제공 할 때 반환되는 콘솔 로그입니다.

'fourth ', null
'first one ', null
'second ', null
'third ', null
'fourth ', false
'fourth ', true

https://github.com/facebook/react-native/issues/8615#issuecomment -287977178에서 @ Knight704 의 수정 사항을 사용할 때 @SteffeyDev 와 동일한 문제가 발생합니다. 대부분의 경우 잘 작동하지만 푸시 또는 팝 모달 change 이벤트가 이미 발생했다고 가정하므로 동일한 코드가 해결되지 않습니다.

나는 이러한 조건에서 그 눈치 NetInfo.fetch() 반환 unknown 상태를 (이 트리거됩니다 false 에서 NetInfo.isConnected.fetch() 내가 그것을 해결할 수 있었다 때문에 원래 해결 방법을 다음과 같이 수정했습니다.

export function isNetworkConnected() {
  return NetInfo.fetch().then(reachability => {
    if (reachability === 'unknown') {
      return new Promise(resolve => {
        const handleFirstConnectivityChangeIOS = isConnected => {
          NetInfo.isConnected.removeEventListener('change', handleFirstConnectivityChangeIOS);
          resolve(isConnected);
        };
        NetInfo.isConnected.addEventListener('change', handleFirstConnectivityChangeIOS);
      });
    }
    reachability = reachability.toLowerCase();
    return (reachability !== 'none' && reachability !== 'unknown');
  });
}

unknown 조건은 Android가 UNKNOWN 반환하므로 iOS에서만 트리거됩니다. 이것은 또한 NetInfo.isConnected.fetch 의 기존 동작을 어느 정도 유지해야하므로 상태를 반환하기 전에 소문자를 줄여야하는 이유이기도합니다.

0.44에서 동일

처음에는 NetInfo가 한주기 (on-> off) 후에 만 ​​네트워크 상태 변경을 반환하려고한다는 것을 확인했습니다. 시뮬레이터에서만 그 문제가 있다는 것이 밝혀졌습니다. 실제 장치에서는 여러 연결 / 연결 해제주기에도 콜백을 제대로 실행합니다.

샘플 코드

  NetInfo.addEventListener( 'change', this._onConnectivityChange );

  _onConnectivityChange(connType) {
    // Do something with connType...
  }

이 문제는 한동안 나를 괴롭 혔고 간접적으로 일반적인 React 패턴과 redux와의 멋진 통합을 포함하는 RN 오프라인 / 온라인 감지에 초점을 맞춘 작은 유틸리티 라이브러리를 생성했습니다.

실제 기기, Android 및 iOS 모두에서 제대로 작동합니다. 그러나 때때로 리스너가 iOS 시뮬레이터에서 트리거되지 않고 연결 상태가 일관되지 않음을 확증 할 수 있습니다. 나는 아직 @ knight704 와 @Ignigena (각각 여기 와 여기 )가 제안한 솔루션을 시도하지 않았지만 시간이 나면 곧 테스트 할 것입니다.

더 많은 사람들이 이러한 솔루션이 매력처럼 작동한다는 것을 확인하는 경우 PR도 매우 환영합니다!

고쳐주세요.

이 문제가 곧 해결 될 것 같지 않다면 적어도 iOS에서 작동하지 않음을 나타내도록 문서를 업데이트 할 수 있습니까?

@ jpb12 아마도 PR을 만들고 병합하는지 볼 가치가 있습니다. 잊혀진 것처럼 보이기 때문에 실제로 이것을 더 잘 볼 수 있습니다.

Android 버전에서이 문제에 직면하고 있습니다. 배경으로 이동하고 다시 전경으로 돌아 오는 것과 관련이있는 것 같습니다. 불행히도이 문제를 안정적으로 재현 할 수는 없지만 여러 배경 / 전경 전환 후에 확실히 발생합니다. 특히 그 시간에 연결 상태가 변경된 경우

그럴 때
NetInfo.isConnected.fetch().then(isConnected => {...}) 항상 false 반환합니다.
NetInfo.fetch().then((reach) => {...}) 항상 NONE 반환합니다.
리스너 추가 / 제거는 도움이되지 않습니다.

실제 연결 상태를 감지하는 신뢰할 수있는 방법에 대해 매우 감사하겠습니다.

Wi-Fi에 연결할 때 isConnected가 true를 반환하기 때문에 이상한 동작에 직면하고 있지만 (지금까지는 괜찮습니다) 모뎀이 인터넷에 연결되지 않으면 isConnected가 여전히 true입니다. 네트워크 연결뿐만 아니라 인터넷 연결을 효과적으로 확인하는 방법을 잘 모르겠습니다. 어떤 아이디어? 감사

@kodatech 이 모듈은이 문제를 해결하는 데 도움이됩니다. 최근에 프로젝트에서 사용했으며 https://github.com/rauliyohmc/react-native-offline을 적극 권장합니다.

@craigcoles 많은 감사

@ Knight704 감사합니다 형제.

@craigcoles 내가 따를 수있는 작업 코드가 있습니까?

@nmfzone 내가 보여줄 수있는 것은 없지만 Readme 😃에 많은 코드 예제가 있습니다.

다음과 같이 Netinfo 리스너 이벤트를 사용하고 있으며 두 플랫폼 모두에서 훌륭하게 작동합니다.
"반응 네이티브": "0.43.4",

componentDidMount(){
        NetInfo.isConnected.addEventListener('change', this._handleConnectivityChange);

    }

    componentWillUnmount(){
        NetInfo.isConnected.removeEventListener('change', this._handleConnectivityChange);
    }

    _handleConnectivityChange = (isConnected) => {
         console.warn(isConnected);
    }

@ sumesh1993 내 경험상 Android 앱이 최소화 된 경우 (백그라운드에서) 'change' 이벤트에 반응하지 않습니다. 내 Galaxy Note 5, Android 7.0에서 테스트되었습니다.

위에서 권장 한 모듈 https://github.com/rauliyohmc/react-native-offline 은 계속해서 https://google.com 핑합니다. 작동하지만이 버그를 수정하고 싶습니다.

Android 앱이 백그라운드에있는 동안 일시 중지되기 때문에 의미가 있습니다. 이벤트를 받으려면 앱이 일시 중지 된 동안에도 계속 실행되는 서비스를 만들어야합니다.

또는 앱에 onResume 핸들러 를 추가하고 오프라인 상태를 쿼리 할 수 ​​있습니다. 서비스를 만들고 관리하는 것보다 간단해야합니다.

@ alsh76 은 앱이 백그라운드에있을 때 작동하지만 멀티 태스킹 메뉴에서 앱이 종료되면 작동하지 않습니다.
홈 화면이 시작될 때마다 다음 함수를 호출하여 문제를 해결했습니다.
if(Platform.OS === 'android'){ NetInfo.isConnected.fetch().then(isConnected => { if(!isConnected) return; //Do something }); }

Android 가상 장치에서 동일한 문제를 만났습니다. 하지만 문제는 며칠 전만해도 괜찮 았지만 여전히 iOS 기기와 에뮬레이터에서 그렇게하고 있습니다. 누군가가 네트워크 연결 상태를 얻는 안정적이고 올바른 방법을 찾았습니까?

iOS에서 나를 위해 트릭을 해준 @ sumesh1993 에게 감사드립니다!
@igorarkhipenko 그의 제안을 시도 했습니까?

안녕하세요, Android에 대한 권한을 추가 했습니까?
AndroidManifest.xml
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

NetInfo.fetch 로 @ Knight704 및 @Ignigena 의 솔루션에 대한 작은 업데이트는 이제 더 이상 사용되지 않습니다. 이것은 나를 위해 트릭을했습니다.
```
const isNetworkConnected = () => {
return NetInfo.getConnectionInfo (). then (reachability => {
if (reachability.type === 'unknown') {
return new Promise (resolve => {
const handleFirstConnectivityChangeIOS = isConnected => {
NetInfo.isConnected.removeEventListener ( 'connectionChange', handleFirstConnectivityChangeIOS);
해결 (isConnected);
};
NetInfo.isConnected.addEventListener ( 'connectionChange', handleFirstConnectivityChangeIOS);
});
}
return (reachability.type! == 'none'&& reachability.type! == 'unknown')
});
}

Imho NetInfo.isConnected.fetch() 는 중요한 기능이므로 최대한 빨리 수정해야합니다!

@javache @sahrens @davidaurelio @janicduplessis @hramos @shergin @rigdern 이것에 대한 타임 라인이 있습니까?

고마워!

@pensierinmusica 이것은 커뮤니티 중심의 프로젝트이므로 좋은 PR을하고 싶습니다.

@shergin 저는 React Native가 Facebook에서 내부적으로 생성, 유지 관리 및 사용되었으며 이러한 이유로 BSD 3 절 라이선스로 출시되었다고 생각했습니다. 그래서 저는 Facebook 직원이 버그, 특히 중요한 버그를 고칠 것이라고 생각했습니다. 어쨌든 PR은 환영합니다!

cc @rigdern

RN 핵심 코드에 대한 많은 내용은 커뮤니티에서 작성하고 유지 관리합니다.

그리고 Facebook에서 사용하지 않는 기능이 많기 때문에 우선 순위를 지정하고 작성자가 버그 / 사용 사례에 대한 수정 사항을 확인할 수있는 커뮤니티 PR을 선호하기가 어렵습니다.

나는 또한 ios와 0.47.0 반응에 문제가 있습니다.

@pensierinmusica 이 문제는 가장 확실하게 우선 순위가 있어야합니다. .isConnected ()에서 부울 리턴을 갖는 것이 얼마나 어려울 수 있습니까?

여기 트릭을 수행해야하는 즉시 사용 가능한 해결 방법이 있습니다. 활성 상태가 될 것으로 알고있는 사이트에 http 요청을 보내고 응답을 평가합니다.

상자에서 작동해야하는 저장소를 초기화했습니다. https://github.com/JamesDorrian/NetInfoCheckConnection/tree/master

참고 : httpAddress 변수를 https://www.galwaydaily.com 에서 다른 것으로 변경해야합니다 (아마도 google.com 일 수도 있음). 이것이 항상 라이브라는 것을 보장 할 수는 없습니다. 이것이 NetInfo에 의해 좌절 된 모든 사람에게 도움이되기를 바랍니다!

트윗 담아 가기

@JamesDorrian 감사합니다. 결국 비슷한 작업을 수행하여 "google.com"을 핑했습니다.

스 니펫은 다음과 같습니다.

// /utilities/connectivity.js

import { Alert } from 'react-native';

export function warning () {
  Alert.alert(
    'No connection',
    'Mmm... you seem to be offline'
  );
};

export async function checkAsync () {
  try {
    const res = await fetch('https://google.com');
    if (res.status === 200) return true;
  } catch (e) {
    warning();
  }
  return false;
};

그래도 이것은 일시적인 해결 방법이며 NetInfo.isConnected 는 최대한 빨리 수정해야한다고 생각합니다!

let isConnected = false;

Platform.OS === "ios" 
  ? (isConnected = await fetch("https://www.google.com"))
  : (isConnected = await NetInfo.isConnected.fetch());

Platform.OS === "ios" && (isConnected.status = 200)
  ? (isConnected = true)
  : (isConnected = false);

console.log(isConnected); //Result

이 문제에 대한 +1 의견으로 멈출 수 있습니까? 이것이 반응이 사용되는 이유입니다.

iOS :
첫 번째 요청. 서버가 충돌하면 전화에 Wi-Fi가 있습니다.
NetInfo.isConnected.fetch (). then ((isConnected) => {항상 false}
0.49.3.

@kddc 솔루션이 개발에서 잘 작동하는 것 같습니다 👍

여기 에서 제공하는 Apple의 XCode 프로젝트에 Reachability Library를 추가하기 만하면됩니다.

@fuatsengul 내 Xcode 프로젝트에서 Reachability 프로젝트를 라이브러리로 추가했지만 여전히 문제가 해결되지 않았습니다. 문제를 해결하기 위해 수행해야 할 다른 작업을 간략히

문제는 fetch api에서만 발생하는 것 같습니다. 그러나 이벤트 리스너 추가는 iOS . 그러나 addEventListener는 Android에서 작동하지 않으므로 fetch api를 사용해야합니다. :)

다음은 두 세계에서 작동하도록하는 내 스 니펫입니다.

function handleFirstConnectivityChange(isConnected) {
  console.log('Then, is ' + (isConnected ? 'online' : 'offline'))
  NetInfo.isConnected.removeEventListener(
    'connectionChange',
    handleFirstConnectivityChange,
  )
}

if (Platform.OS === 'android') {
    NetInfo.isConnected.fetch().then(isConnected => {
      console.log('First, is ' + (isConnected ? 'online' : 'offline'))
    })
  } else {
    NetInfo.isConnected.addEventListener(
      'connectionChange',
      handleFirstConnectivityChange,
    )
  }

연결되어 있어도 IOS에서 오프라인으로 표시
RN-0.50

NetInfo.isConnected.fetch().then(isConnected => { console.log('First, is ' + (isConnected ? 'online' : 'offline')); });

해결 방법에 대해 @kddc 감사합니다.
내 iOS 장치에서 문제가 발생하고 시나리오는 다음과 같습니다.

1. iOS-> 비행기 모드가 켜져 있습니다.
2. 가져 오기 수행-> '네트워크 오류'가 발생하고 isConnected가 false 이고 reachability.type이 none입니다.
3. iOS-> 비행기 모드가 꺼져 있습니다.
4. 가져 오기 수행-> '네트워크 오류'가 발생하고 isConnected가 false 이고 reachability.type이 none입니다.

비행기 모드를 변경하는 동안 백그라운드에서 애플리케이션이 실행되는 전체 시간입니다.
앱을 다시 시작하면 새 네트워크 연결이 "잡기"됩니다.

+1

+1

@ alburdette619 수정 주셔서 감사합니다
그래서, 이것은 버전 0.54에서 사용 가능할 것입니다.

@ assafb81 확실하지 않습니다. 분명히 그들은 내부적으로 착륙하고 있으며 그 과정이 무엇인지 잘 모르겠습니다.

pull request가 병합되면 Facebook은 먼저이를 내부 React Native repo에 통합하고 다른 것들 중에서 추가 테스트를 실행합니다. 성공하면 변경 사항이 GitHub 저장소로 다시 내보내집니다.

풀 요청의 활동을 살펴보면 커밋이 이제 GitHub에 병합되었음을 확인할 수

비교를 위해 이전 커밋 을 보면 여러 분기에 나타나는 것을 볼 수 있습니다.

매월 초에 "마스터"를 기반으로 새 릴리스 후보 분기가 생성됩니다. 따라서 변경 사항은 3 월 초에 다음 릴리스 후보에 포함될 것입니다. 이 블로그 게시물에서 React Native의 출시 일정

아담 코 멜라
Microsoft Corp.

누구든지 최신 RN 54로이 문제를 확인 했습니까? 나에게는 항상 iOS와 Android에서 '진실'을 반환하며 완벽하게 작동합니다. 이 문제를 본 다른 사람이 있습니까?

0.53 항상 거짓 .. @deepaksasken .. 안드로이드 전용 코드를 비활성화해야하는 것 같습니다. .. 많은 버그에 0.54를 사용할 수 없습니다.

@ alien3d iOS에서는 비활성화하고 Android에서만 유지한다는 뜻입니까? Android에서 작동합니까?

@afilp 나는 위의 ios 예제를 따릅니다.

    if (Platform.OS === "ios") {
            isConnected = await fetch("https://www.google.com");
            if (isConnected) { }
  } else { 
    NetInfo.isConnected.fetch().done(
                (isConnected) => {
                    if (isConnected) { }
} 

안정적인 것으로 간주하기 전에 여전히 많은 테스트가 필요합니다. 이제 다시 0.530 사용

@ assafb81 비행기 모드 문제에 대한 해결책을

@aflip 데이터가 활성화되었지만 패키지가 아직없는 경우 isConnected true를 반환합니다. 해결하려고 했습니까?

removeEventListener가있는 이유는 무엇입니까? 앱이 항상 네트워크 변경 사항을 수신하면 안됩니다. 누군가?

또한 위의 사용자와 동일한 문제가 있습니다. NetInfo 이벤트 리스너는 매우 신뢰할 수없는 것 같습니다. 안정적인 결과없이 위의 많은 해결 방법을 시도했습니다. 지금은 사용자가 인터넷에 연결되어 있는지 확인하기 위해 https://google.com 또는 내 서버에서 건강 엔드 포인트를 가져 오는 데 의존합니다.

@MichaelPintos 그것은 나를 위해 작동합니다, 감사합니다.

RN 0.54.2
운영체제 : iOS
항상 알려지지 않은 같은 문제

RN을 0.55.3으로 업그레이드 할 때

이 코드를 사용하고, 먼저 알 수 없음을 반환 한 다음 작동합니다.

    NetInfo.getConnectionInfo()
        .then()
        .done(() => {
                switch (connectionInfo.type) {
                    case 'none':
                        Alert.alert('aa', 'none');
                        break;
                    case 'wifi':
                        Alert.alert('aa', 'wifi');
                        break;
                    case 'cellular':
                        if (connectionInfo.effectiveType !== 'unknown') {
                            Alert.alert('aa', `cellular ${connectionInfo.effectiveType}`);
                        } else {
                            Alert.alert('aa', 'cellular unknown');
                        }
                        break;
                    case 'unknown':
                        Alert.alert('aa', 'unknown');
                        break;
                    default:
                        Alert.alert('aa', 'default');
                        break;
                }
            });
        });

좋아, 이제 약간의 트릭을 해보자.

    NetInfo.getConnectionInfo()
        .then()
        .done(() => {
            NetInfo.getConnectionInfo().then(connectionInfo => {
                switch (connectionInfo.type) {
                    case 'none':
                        Alert.alert('aa', 'none');
                        break;
                    case 'wifi':
                        Alert.alert('aa', 'wifi');
                        break;
                    case 'cellular':
                        if (connectionInfo.effectiveType !== 'unknown') {
                            Alert.alert('aa', `cellular ${connectionInfo.effectiveType}`);
                        } else {
                            Alert.alert('aa', 'cellular unknown');
                        }
                        break;
                    case 'unknown':
                        Alert.alert('aa', 'unknown');
                        break;
                    default:
                        Alert.alert('aa', 'default');
                        break;
                }
            });
        });

이것은 내 솔루션입니다. 공식 솔루션을 기대하십시오.

특히 변경 로그에서이 문제를 수정해야한다고 말했기 때문에 55로 업그레이드되었습니다. 여전히 깨졌습니다 (0.55.3).

@ yuyao110120 과 유사한 솔루션을 사용하여 작동하도록 할 수 있습니다.

NetInfo.isConnected.fetch().then(() => {
  NetInfo.isConnected.fetch().then(isConnected =>
    // isConnected is now the correct value
  });
});

더 이상 NetInfo 신뢰하지 않습니다 (반응 네이티브 0.53.3).
이것이 인터넷이 있는지 확인하기 위해 내가하는 일입니다.

async function handleConnectivityChange(status) {
  const { type } = status;
  let probablyHasInternet;
  try {
    const googleCall = await fetch(
        'https://google.com', {
        headers: {
          'Cache-Control': 'no-cache, no-store, must-revalidate',
          Pragma: 'no-cache',
          Expires: 0,
        },
      });
    probablyHasInternet = googleCall.status === 200;
  } catch (e) {
    probablyHasInternet = false;
  }

  console.log(`@@ isConnected: ${probablyHasInternet}`);

}

  NetInfo.getConnectionInfo().then(handleConnectivityChange);
  NetInfo.addEventListener('connectionChange', handleConnectivityChange);

@SudoPlz 나는 내 앱에서 똑같은 일을하고 잘 작동합니다. 하지만 NetInfo API는 def가 고정되어야합니다. haha!

@SudoPlz 나는 fetch 가 Android에서 요청을 캐시한다는 것을 알았습니다. 이를 방지하기 위해 헤더를 제공해야합니다.

      const googleRequest = await fetch('https://www.google.com', {
        headers: {
          'Cache-Control': 'no-cache, no-store, must-revalidate',
          'Pragma': 'no-cache',
          'Expires': 0
        }
      });

@AbdallaMohamed를 알려 주셔서 감사합니다. 댓글을 업데이트했습니다.

@kylevdr 과 동일하지만 안정적으로 작동했지만 두 번째 호출 전에 작은 시간 제한을 추가하면 잠금 해제 직후 두 번째 분할을 위해 연결이 끊어지는 깜박임에 도움이되는 것 같습니다.

편집 : fwiw는 55.3에서 작동하지만 55.4에서는 작동하지 않습니다.

초기 연결 이벤트 리스너를 추가하면 NetInfo.getConnectionInfo() 및 NetInfo.isConnected.fetch() 가 첫 번째 호출에서 제대로 작동합니다.

const onInitialNetConnection = isConnected => {
    console.log(`Is initially connected: ${isConnected}`);

    NetInfo.isConnected.removeEventListener(
        onInitialNetConnection
    );
};

NetInfo.isConnected.addEventListener(
    'connectionChange',
    onInitialNetConnection
);

// both now work on the first call.
await NetInfo.getConnectionInfo();
await NetInfo.isConnected.fetch();

감사합니다 # 8469

이 파일을 가져와야합니다. 그렇지 않으면 실행되지 않습니다.

PS fetch 를 사용하는 경우 method: 'HEAD' 를 사용하여 전송되는 데이터 양을 줄이십시오.

다음 시나리오에서 iPhone 8 (React Native 0.55.3, iOS 11.3.1)에서 디버그 모드로 앱을 실행할 때 위의 솔루션 중 어느 것도 작동하지 않았습니다. 앱을 닫고 모바일 데이터와 Wi-Fi를 끈 상태에서 시작합니다.

모든 후속 이벤트는 위에서 언급 한 모든 솔루션으로 손실됩니다 ( @SudoPlz 의 답변 제외). 장치의 릴리스 모드 또는 시뮬레이터의 디버그 모드에서만 애플리케이션을 실행하면 NetInfo 이벤트가 트리거되었습니다.

@nlindroos 그렇다면 실제로 릴리스 버전을 실행하는 장치에서 NetInfo 이 (가) 제대로 작동하는지 확인합니까?

실제 iOS 기기에서 오프라인 모드로 애플리케이션을 _starting_하는 특정 사례에서 릴리스 모드에서 실행하는 것이 NetInfo 이벤트를 트리거 할 수있는 유일한 솔루션이었습니다. 모든 NetInfo 문제에 대한 일반적인 솔루션으로이를 보증 할만큼 모든 관련 시나리오를 테스트하지는 않았습니다.

@woodpav 와 @AbdallaMohamed 가 나를 위해 일한 솔루션의 조합이라고 말할 수 있습니다.
RN 버전 0.55.4를 사용하고 있습니다.

인터넷 연결을 확인하려면 Google 서버에 자주 ping을해야합니다 😕

iPhone 8-11.3 시뮬레이터 및 RN 버전 0.55.4 NetInfo.isConnected.fetch (). then (isConnected => console.log ( 'isConnected', isConnected))를 사용하고 있습니다.
항상 false를 반환합니다. 이것은 전화 생산에서도 문제가됩니다. 모바일 데이터와 Wi-Fi의 변형을 시도했습니다.

RN 버전 0.55.3으로 다시 전환하면 다시 작동하는 것 같습니다.

@octopitus , @martinentelect
이것은 내 코드이며, 반응 네이티브 버전 0.55.4를 사용하고 있으며 NetInfo 가 수정 될 때까지 현명하고 작동하는 해결 방법입니다.
내 api.js 파일에이 코드가 있습니다.

import { NetInfo } from 'react-native';
import { url } from '[AppName]/src/config';

export const onInitialNetConnection = () => {
    NetInfo.isConnected.removeEventListener(onInitialNetConnection);
};

const getDataById = async (dataId) => {
    // both now work on the first call.
    await NetInfo.getConnectionInfo();
    const isConnected = await NetInfo.isConnected.fetch();
    if (!isConnected) {
        throw new Error('networkError');
    }
    const response = await fetch(`${url}${dataId}`, {
        headers: {
            'Cache-Control': 'no-cache, no-store, must-revalidate',
            Pragma: 'no-cache',
            Expires: 0,
        },
    });
    if (response.ok) {
        return response.json();
    }
    throw new Error('invalidCode');
};

export default getDataById;

내 App.js 파일 (애플리케이션에 대한 내 진입 점)에서 이벤트 리스너를 추가합니다.

NetInfo.isConnected.addEventListener(
            'connectionChange',
            onInitialNetConnection,
        );

@ assafb81 감사합니다! 이것은 내 사용 사례에 도움이되었습니다.

제 경우에는 이벤트 리스너가 iOS에서는 완벽하게 작동하지만 Android에서는 전혀 작동하지 않습니다 (적어도 에뮬레이터에서는).
NetInfo를 계속 사용하는 동안 Android의 리스너에 대한 해결 방법이 있습니까?

    NetInfo.isConnected.addEventListener(
      "connectionChange",
      this.handleConnectionChange
    ); 

사용하다

this.count = 0
handleConnectivityChange(isConnected) {
   //for iOS
    this.count++
  console.log(isConnected + "isConnected")
  if(this.count > 1){
    console.log(isConnected + "this is the right value")
  }

@tannera ,
에뮬레이터가 아닌 실제 안드로이드 장치에서 확인하십시오.

0.55.4 이것은 여전히 ​​버그이고, 방금 프로덕션에서 히트를 쳤습니다 😢

여전히 0.56에서 고정되지 않음

@SudoPlz 0.57 토론 스레드에 대한 귀하의 의견을 주제에서 벗어난 것으로 숨겼습니다. 아시다시피 리포지토리에는 수백 개의 미해결 문제가 있지만 해당 스레드는 0.57 릴리스를 얻는 데 중점을 둡니다.

폐쇄 된이 스레드는 메인테이너에게 거의 보이지 않습니다. 그리고 잠재적 인 수정 사항이 나온 지 6 개월이 지난 후 아무도 새로운 문제를 열지 않은 것에 놀랐습니다. 이것이 마스터에서 수정 되었으면하는 것이면 세부 사항이있는 새 문제를 열고 이상적으로는 PR을 보내십시오.

다음은 최소한의 재현 가능한 예제 (iOS 장치에서 테스트 됨)이며, 위에서 공유 된 @woodpav의 일부 코드가 상단에 주석 처리 된 문제를 해결하기 위해 사용되었습니다 : https://snack.expo.io/@notbrent/netinfo -repro.