Network connectivity is actively detected

Without active network detection, your app has no basis for deciding when to serve cached data, queue actions, or display an offline banner. Blind network calls on a disconnected device generate unhandled promise rejections that ripple into broken UI states. ISO 25010:2011 reliability.fault-tolerance requires apps to detect and respond to connection loss at runtime. The absence of a NetInfo or equivalent listener means every network-dependent feature silently fails rather than gracefully degrading — a qualitatively worse user experience than a clear offline indicator.

Register a NetInfo.addEventListener at app startup and store connection state in a shared hook. Every screen that needs network access reads from this hook before attempting a fetch.

// npm install @react-native-community/netinfo
import NetInfo from '@react-native-community/netinfo';
import { useEffect, useState } from 'react';

export function useNetworkStatus() {
  const [isOnline, setIsOnline] = useState(true);

  useEffect(() => {
    const unsub = NetInfo.addEventListener(state => {
      setIsOnline(state.isConnected ?? false);
    });
    return unsub;
  }, []);

  return isOnline;
}

Then gate network calls on this value and show an <OfflineBanner /> when isOnline is false. Wire this listener before your root navigator mounts so the value is stable on first render.