React-native-internet-connection-alert NPM

Installation

Add the dependency:

npm i react-native-internet-connection-alert

Peer Dependencies

"react-native-dropdownalert": "=> 4.5.1",
"@react-native-community/netinfo": "=> 8.3.0"

Usage

Import

import InternetConnectionAlert from "react-native-internet-connection-alert";

Fundamental Usage

I strongly suggest that cover whole application with InternetConnectionAlert component it will handle itself and be able to shows the built-in alert on your whole application. Otherwise, just cover the screen where you need to use this library.

<InternetConnectionAlert
  onChange={(connectionState) => {
    console.log("Connection State: ", connectionState);
  }}
>
  {/* {... Your whole application should be here ... } */}
</InternetConnectionAlert>

Configuration - Props

Property	Type	Default	Description
onChange	function	undefined	if you need the connection state when it is changed, you can use this function
type	DropdownAlertType	error	Use some of the prepared dropdown types or if you want to use your own customization set 'custom'
title	string	Internet Connection Problem	to change the title of built-in alert
message	string	Please check your network connection	to change the message of built-in alert
useInternetReachability	boolean	false	to change the check for connection state to use internet reachability