How to check net Info in React Native iOS?

Question

I need to check Internet connection in react native iOS

I would try following code:

NetInfo.isConnected.fetch().then(isConnected => {
   console.log(isConnected);
});

that can work fine in react native android application, But it always return 'false' in react native iOS .

Answer 1

There is currently an open issue about this in react native's github.

You can see the discussion there, but in short - the fetch is always returning false, but you can work around it by listening to the connection changed event.

Code example from there:

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

    NetInfo.isConnected.fetch().done(
      (isConnected) => { this.setState({ status: isConnected }); }
    );
}

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

handleConnectionChange = (isConnected) => {
        this.setState({ status: isConnected });
        console.log(`is connected: ${this.state.status}`);
}

Edit:

Seems like this issue has been worked on. Also, change event was renamed to connectionChange. Updated workaround code:

componentDidMount() {
    NetInfo.isConnected.addEventListener('connectionChange', this.handleConnectionChange);

    NetInfo.isConnected.fetch().done(
      (isConnected) => { this.setState({ status: isConnected }); }
    );
}

componentWillUnmount() {
    NetInfo.isConnected.removeEventListener('connectionChange', this.handleConnectionChange);
}

handleConnectionChange = (isConnected) => {
        this.setState({ status: isConnected });
        console.log(`is connected: ${this.state.status}`);
}

Updated:

The change event type is deprecated. Consider using the connectionChange event type.