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 |

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.