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