@rnhooks/network-status

React Native hook for Network Status

Installation

$ yarn add @rnhooks/network-status

Usage

import useNetworkStatus from '@rnhooks/network-status';

function App() {
  const { type, effectiveType } = useNetworkStatus();

  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`Type: ${type}`}</Text>
      <Text style={styles.effectiveType}>{`Effective Type: ${effectiveType}`}</Text>
    </View>
  );
}

Output

Prop	Default	Type	Description
type	null	none / wifi / cellular / unknown	Describes the type of connection the device is using to communicate with the network
effectiveType	null	2g / 3g / 4g / unknown	Cross platform values for EffectiveConnectionType