@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 |