reachabilityIOS

APIs 网络信息

    NetInfo.reachabilityIOS.fetch().done((reach) => {


  console.log('Initial: ' + reach);
});
function handleFirstReachabilityChange(reach) {
  console.log('First change: ' + reach);
  NetInfo.reachabilityIOS.removeEventListener(
    'change',
    handleFirstReachabilityChange
  );
}
NetInfo.reachabilityIOS.addEventListener(
  'change',
  handleFirstReachabilityChange
);</code></pre><pre><code>    NetInfo.isConnected.fetch().done((isConnected) =&gt; {
  console.log(&#39;First, is &#39; + (isConnected ? &#39;online&#39; : &#39;offline&#39;));
});
function handleFirstConnectivityChange(isConnected) {
  console.log(&#39;Then, is &#39; + (isConnected ? &#39;online&#39; : &#39;offline&#39;));
  NetInfo.isConnected.removeEventListener(
    &#39;change&#39;,
    handleFirstConnectivityChange
  );
}
NetInfo.isConnected.addEventListener(
  &#39;change&#39;,
  handleFirstConnectivityChange
);

    ‘use strict’;


var react = require('react-native');
var {
  NetInfo,
  Text,
  View
} = React;
var ReachabilitySubscription = React.createClass({
  getInitialState() {
    return {
      reachabilityHistory: [],
    };
  },
  componentDidMount: function() {
    NetInfo.reachabilityIOS.addEventListener(
      'change',
      this._handleReachabilityChange
    );
  },
  componentWillUnmount: function() {
    NetInfo.reachabilityIOS.removeEventListener(
      'change',
      this._handleReachabilityChange
    );
  },
  _handleReachabilityChange: function(reachability) {
    var reachabilityHistory = this.state.reachabilityHistory.slice();
    reachabilityHistory.push(reachability);
    this.setState({
      reachabilityHistory,
    });
  },
  render() {
    return (
      <View>
        <Text>{JSON.stringify(this.state.reachabilityHistory)}</Text>
      </View>
    );
  }
});
var ReachabilityCurrent = React.createClass({
  getInitialState() {
    return {
      reachability: null,
    };
  },
  componentDidMount: function() {
    NetInfo.reachabilityIOS.addEventListener(
      'change',
      this._handleReachabilityChange
    );
    NetInfo.reachabilityIOS.fetch().done(
      (reachability) => { this.setState({reachability}); }
    );
  },
  componentWillUnmount: function() {
    NetInfo.reachabilityIOS.removeEventListener(
      'change',
      this._handleReachabilityChange
    );
  },
  _handleReachabilityChange: function(reachability) {
    this.setState({
      reachability,
    });
  },
  render() {
    return (
      <View>
        <Text>{this.state.reachability}</Text>
      </View>
    );
  }
});
var IsConnected = React.createClass({
  getInitialState() {
    return {
      isConnected: null,
    };
  },
  componentDidMount: function() {
    NetInfo.isConnected.addEventListener(
      'change',
      this._handleConnectivityChange
    );
    NetInfo.isConnected.fetch().done(
      (isConnected) => { this.setState({isConnected}); }
    );
  },
  componentWillUnmount: function() {
    NetInfo.isConnected.removeEventListener(
      'change',
      this._handleConnectivityChange
    );
  },
  _handleConnectivityChange: function(isConnected) {
    this.setState({
      isConnected,
    });
  },
  render() {
    return (
      <View>
        <Text>{this.state.isConnected ? 'Online' : 'Offline'}</Text>
      </View>
    );
  }
});
exports.title = 'NetInfo';
exports.description = 'Monitor network status';
exports.examples = [
  {
    title: 'NetInfo.isConnected',
    description: 'Asyncronously load and observe connectivity',
    render(): ReactElement { return <IsConnected />; }
  },
  {
    title: 'NetInfo.reachabilityIOS',
    description: 'Asyncronously load and observe iOS reachability',
    render(): ReactElement { return <ReachabilityCurrent />; }
  },
  {
    title: 'NetInfo.reachabilityIOS',
    description: 'Observed updates to iOS reachability',
    render(): ReactElement { return <ReachabilitySubscription />; }
  },
];</code></pre> <div aria-hidden="true" data-nosnippet="" data-v-381fd33a="">      </div> <div aria-hidden="true" data-nosnippet="" data-v-381fd33a="">      </div>