react-native-internet-connection-alert icon indicating copy to clipboard operation
react-native-internet-connection-alert copied to clipboard

Published 20 hours ago • verified publisher icon WrathChaos
→

Metadata

Fully customizable internet connection listener with the built-in alert for React Native

React Native Internet Connection Alert

Battle Tested ✅

Fully customizable internet connection connection with built-in alert for React Native

npm version npm Platform - Android and iOS License: MIT styled with prettier

React Native Internet Connection Alert

React Native Internet Connection Alert React Native Internet Connection Alert

Installation

Add the dependency:

npm i react-native-internet-connection-alert

Peer Dependencies

IMPORTANT! You need install them
"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

Everything is customizable on built-in dropdownalert. Simply please look at the React Native Dropdown Alert

Future Plans

  • [x] ~~LICENSE~~
  • [ ] Write an article about the lib on Medium

Author

FreakyCoder, [email protected]

License

React Native Internet Connection Alert is available under the MIT license. See the LICENSE file for more info.

← Metadata

77
Stars
13
Forks
Watchers

Owner

verified publisher icon WrathChaos

Metadata

Fully customizable internet connection listener with the built-in alert for React Native

Back