Expo Network iconExpo Network

GitHub

npm

A library that provides access to the device's network such as its IP address, MAC address, and airplane mode status.

Android
iOS
tvOS
Web

expo-network provides useful information about the device's network such as its IP address, MAC address, and airplane mode status.

Installation

Terminal
npx expo install expo-network

If you are installing this in an existing React Native app, start by installing expo in your project. Then, follow the additional instructions as mentioned by the library's README under "Installation in bare React Native projects" section.

Configuration

On Android, this module requires permissions to access the network and Wi-Fi state. The permissions ACCESS_NETWORK_STATE and ACCESS_WIFI_STATE are added automatically.

API

import * as Network from 'expo-network';

Hooks

useNetworkState()

Android
iOS
tvOS
Web

Returns the current network state of the device. This method initiates a listener for network state changes and cleans up before unmounting.

Returns:

NetworkState

The current network state of the device, including connectivity and type.

Example

const networkState = useNetworkState();
console.log(`Current network type: ${networkState.type}`);

Methods

Network.getIpAddressAsync()

Android
iOS
tvOS
Web

Gets the device's current IPv4 address. Returns 0.0.0.0 if the IP address could not be retrieved.

On web, this method uses the third-party ipify service to get the public IP address of the current device.

Returns:

Promise<string>

A Promise that fulfils with a string of the current IP address of the device's main network interface. Can only be IPv4 address.

Example

await Network.getIpAddressAsync();
// "92.168.32.44"

Network.getNetworkStateAsync()

Android
iOS
tvOS
Web

Gets the device's current network connection state.

On web, navigator.connection.type is not available on browsers. So if there is an active network connection, the field type returns NetworkStateType.UNKNOWN. Otherwise, it returns NetworkStateType.NONE.

A Promise that fulfils with a NetworkState object.

Example

await Network.getNetworkStateAsync();
// {
//   type: NetworkStateType.CELLULAR,
//   isConnected: true,
//   isInternetReachable: true,
// }

Network.isAirplaneModeEnabledAsync()

Android

Tells if the device is in airplane mode.

Returns:

Promise<boolean>

Returns a Promise that fulfils with a boolean value for whether the device is in airplane mode or not.

Example

await Network.isAirplaneModeEnabledAsync();
// false

Event Subscriptions

Network.addNetworkStateListener(listener)

Android
iOS
tvOS
Web
ParameterTypeDescription
listener(event: NetworkState) => void

Callback to execute when the network state changes. The callback is provided with a single argument that is an object containing information about the network state.


Adds a listener that will fire whenever the network state changes.

Returns:

EventSubscription

A subscription object with a remove function to unregister the listener.

Example

const subscription = addNetworkStateListener(({ type, isConnected, isInternetReachable }) => {
  console.log(`Network type: ${type}, Connected: ${isConnected}, Internet Reachable: ${isInternetReachable}`);
});

Types

NetworkState

Android
iOS
tvOS
Web
NameTypeDescription
isConnected
(optional)
boolean

If there is an active network connection. Note that this does not mean that internet is reachable. This field is false if the type is either Network.NetworkStateType.NONE or Network.NetworkStateType.UNKNOWN, true otherwise.

isInternetReachable
(optional)
boolean

If the internet is reachable with the currently active network connection. On Android, this depends on NetInfo.isConnected() (API level < 29) or ConnectivityManager.getActiveNetwork() (API level >= 29). On iOS, this value will always be the same as isConnected.

type
(optional)
NetworkStateType

A NetworkStateType enum value that represents the current network connection type.

NetworkStateEvent

Android
iOS
tvOS
Web

Type: NetworkState

Represents an event that provides the updated network state when there is a change in the network status. This is passed as the argument to listeners registered with addNetworkStateListener().

Enums

NetworkStateType

Android
iOS
tvOS
Web

An enum of the different types of devices supported by Expo.

BLUETOOTH

Only for:
Android

NetworkStateType.BLUETOOTH = "BLUETOOTH"

Active network connection over Bluetooth.

CELLULAR

Only for:
Android
iOS

NetworkStateType.CELLULAR = "CELLULAR"

Active network connection over mobile data or DUN-specific mobile connection when setting an upstream connection for tethering.

ETHERNET

Only for:
Android
iOS

NetworkStateType.ETHERNET = "ETHERNET"

Active network connection over Ethernet.

NONE

NetworkStateType.NONE = "NONE"

No active network connection detected.

OTHER

Only for:
Android

NetworkStateType.OTHER = "OTHER"

Active network connection over other network connection types.

UNKNOWN

NetworkStateType.UNKNOWN = "UNKNOWN"

The connection type could not be determined.

VPN

Only for:
Android

NetworkStateType.VPN = "VPN"

Active network connection over VPN.

WIFI

Only for:
Android
iOS

NetworkStateType.WIFI = "WIFI"

Active network connection over Wi-Fi.

WIMAX

Only for:
Android

NetworkStateType.WIMAX = "WIMAX"

Active network connection over WiMAX.

Error codes

CodeDescription
ERR_NETWORK_IP_ADDRESSOn Android, there may be an unknown Wi-Fi host when trying to access WifiManager in getIpAddressAsync. On iOS, no network interfaces could be retrieved.
ERR_NETWORK_UNDEFINED_INTERFACEAn undefined interfaceName was passed as an argument in getMacAddressAsync.
ERR_NETWORK_SOCKET_EXCEPTIONAn error was encountered in creating or accessing the socket in getMacAddressAsync.
ERR_NETWORK_INVALID_PERMISSION_INTERNETThere are invalid permissions for android.permission.ACCESS_WIFI_STATE in getMacAddressAsync.
ERR_NETWORK_NO_ACCESS_NETWORKINFOUnable to access network information