探秘强大且易用的React Native网络信息库 —— @react-native-community/netinfo
import NetInfo from "@react-native-community/netinfo";
// 监听网络状态变化
NetInfo.fetch().then(state => {
console.log('Initial, type', state.type);
console.log('Initial, isConnected', state.isConnected);
});
const unsubscribe = NetInfo.addEventListener(state => {
console.log('Current state is', state.isConnected ? 'online' : 'offline');
});
// 在不需要监听时移除监听器
unsubscribe();这段代码演示了如何使用@react-native-community/netinfo库来获取初始网络状态并监听网络状态的变化。通过NetInfo.fetch()获取初始状态，并通过NetInfo.addEventListener监听网络状态的变化。最后，当你不再需要监听网络状态时，记得调用返回的unsubscribe函数以停止监听。这是一个在实际应用中常见的用例，展示了如何在React Native应用中使用这个库来响应网络状态的变化。
评论已关闭