反応したネイティブで表示されるアラートメッセージで、httpリクエストごとにインターネット接続を確認するにはどうすればよいですか？

Question

アプリの起動時にインターネット接続をチェックし、HTTPリクエストを呼び出す前にインターネット接続をチェックしようとしています。私はいくつかの例を見ましたが、それは私にとって混乱します。

Answer 1

これはもっと良い方法ですが、HTTPリクエストの前にconsole.log（）を実行してAPIのパラメータを渡すことができます。コンソールのタイトルの結果が得られたら、インターネットに接続されている、そうでなければあなたはそうではありません。

Answer 2

NetInfo APIはネイティブから反応できます。ここで

は一例です：

componentDidMount() { 
    NetInfo.isConnected.addEventListener(
     'change', 
     this._handleConnectivityChange 
); 
    NetInfo.isConnected.fetch().done(
     (isConnected) => { this.setState({isConnected}); } 
); 
} 

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

_handleConnectivityChange = (isConnected) => { 
    this.setState({ 
    isConnected, 
    }); 
}; 

render() { 
    return (
     <View style={styles.container}> 
      <Text>{this.state.isConnected ? 'Online' : 'Offline'}</Text> 
     </View> 
    ); 
    } 
} 

これにより、上記のコードは、アプリ内の任意のAPI呼び出しを行う前に、インターネットを持っているかどうかを知ることができます。

詳しくはhttps://facebook.github.io/react-native/docs/netinfo.htmlを参照してください。