How to use the NetInfo API in React Native?

Question

Accepted Answer

**NetInfo** — check network connectivity.

**Installation:**
```bash
npm install @react-native-community/netinfo
```

**Basic usage:**
```tsx
import NetInfo from '@react-native-community/netinfo';

// Check current state
const state = await NetInfo.fetch();
console.log("Is connected:", state.isConnected);
console.log("Type:", state.type);

// Listen for changes
const unsubscribe = NetInfo.addEventListener((state) => {
  console.log("Connection type:", state.type);
  console.log("Is connected:", state.isConnected);
});

// Cleanup
unsubscribe();
```

**Network types:**
- wifi, cellular, ethernet.
- bluetooth, wimax, vpn.
- unknown, none.

**Use case: offline mode:**
```tsx
function useIsOffline() {
  const [isOffline, setIsOffline] = useState(false);

useEffect(() => {
    const unsubscribe = NetInfo.addEventListener((state) => {
      setIsOffline(!state.isConnected);
    });
    return () => unsubscribe();
  }, []);

return isOffline;
}
```

React Native: How to use the NetInfo API in React Native?