新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)React教程:網(wǎng)絡信息
網(wǎng)絡信息公開在線或者離線信息

讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:空間域名、虛擬空間、營銷軟件、網(wǎng)站建設、洛陽網(wǎng)站維護、網(wǎng)站推廣。
reachabilityIOS
異步確定設備是否處于在線狀態(tài)并且在蜂窩網(wǎng)絡。
-
None - 設備處于離線狀態(tài)
-
WiFi - 設備處于在線狀態(tài),并且通過 WiFi 或者是 iOS 模擬器連接
-
Cell - 設備通過網(wǎng)絡連接,3G,WiMax,或者 LTE 進行連接
-
Unknown - 錯誤情況,并且網(wǎng)絡狀態(tài)未知
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
);
連接狀態(tài)
在所有的平臺上都可用。異步獲取一個布爾值來確定網(wǎng)絡連接。
NetInfo.isConnected.fetch().done((isConnected) => { console.log('First, is ' + (isConnected ? 'online' : 'offline'));
}); function handleFirstConnectivityChange(isConnected) { console.log('Then, is ' + (isConnected ? 'online' : 'offline'));
NetInfo.isConnected.removeEventListener( 'change',
handleFirstConnectivityChange
);
}
NetInfo.isConnected.addEventListener( 'change',
handleFirstConnectivityChange
);
例子
Edit on GitHub
'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 (
{JSON.stringify(this.state.reachabilityHistory)}
);
}
}); 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 (
{this.state.reachability}
);
}
}); 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 (
{this.state.isConnected ? 'Online' : 'Offline'}
);
}
});
exports.title = 'NetInfo';
exports.description = 'Monitor network status';
exports.examples = [
{
title: 'NetInfo.isConnected',
description: 'Asyncronously load and observe connectivity',
render(): ReactElement { return ; }
},
{
title: 'NetInfo.reachabilityIOS',
description: 'Asyncronously load and observe iOS reachability',
render(): ReactElement { return ; }
},
{
title: 'NetInfo.reachabilityIOS',
description: 'Observed updates to iOS reachability',
render(): ReactElement { return ; }
},
]; 當前名稱:創(chuàng)新互聯(lián)React教程:網(wǎng)絡信息
網(wǎng)頁路徑:http://m.fisionsoft.com.cn/article/djshcpe.html


咨詢
建站咨詢
