Add the dependency:
npm i react-native-internet-connection-alert
"react-native-dropdownalert": "=> 4.3.0",
"@react-native-community/netinfo": "=> 5.9.6"
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.
<InternetConnectionAlert
onChange={(connectionState) => {
console.log("Connection State: ", connectionState);
}}
>
{/* {... Your whole application should be here ... } */}
</InternetConnectionAlert>
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 |
FreakyCoder, kurayogun@gmail.com
Author: WrathChaos
Source Code: https://github.com/WrathChaos/react-native-internet-connection-alert
#react-native #react #mobile-apps