!Platform - Android and iOS

src="assets/Screenshots/RN-Internet-Connection-Alert.gif" />

src="assets/Screenshots/RN-Internet-Connection-Alert-1.png" width="49%" />
src="assets/Screenshots/RN-Internet-Connection-Alert-2.png" width="49%" />

Installation

Add the dependency:

``bash
npm i react-native-internet-connection-alert
`

Peer Dependencies

IMPORTANT! You need install them

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

Usage

Import

`jsx
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.

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

``

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 |

$3

Future Plans

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

Author

FreakyCoder, kurayogun@gmail.com

License

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