Fully customizable internet connection connection with built-in alert for React Native
npm install react-native-internet-connection-alert




!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%" />
Add the dependency:
``bash`
npm i react-native-internet-connection-alert
`js`
"react-native-dropdownalert": "=> 4.5.1",
"@react-native-community/netinfo": "=> 8.3.0"
`jsx`
import InternetConnectionAlert from "react-native-internet-connection-alert";
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``
console.log("Connection State: ", connectionState);
}}
>
{/ {... Your whole application should be here ... } /}
| 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 |
- [x] ~~LICENSE~~
- [ ] Write an article about the lib on Medium
FreakyCoder, kurayogun@gmail.com
React Native Internet Connection Alert is available under the MIT license. See the LICENSE file for more info.