{"id":17700821,"url":"https://github.com/wrathchaos/react-native-internet-connection-alert","last_synced_at":"2025-08-19T21:31:29.441Z","repository":{"id":41172775,"uuid":"289883409","full_name":"WrathChaos/react-native-internet-connection-alert","owner":"WrathChaos","description":"Fully customizable internet connection listener with the built-in alert for React Native","archived":false,"fork":false,"pushed_at":"2023-04-16T20:15:33.000Z","size":28221,"stargazers_count":80,"open_issues_count":1,"forks_count":13,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-12-09T18:11:33.918Z","etag":null,"topics":["alert","connection","internet","internet-connection","internet-listener","javascript","listener","network","react","react-native"],"latest_commit_sha":null,"homepage":"https://freakycoder.com","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WrathChaos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-24T09:23:50.000Z","updated_at":"2024-07-17T16:49:57.000Z","dependencies_parsed_at":"2024-06-19T15:38:58.103Z","dependency_job_id":null,"html_url":"https://github.com/WrathChaos/react-native-internet-connection-alert","commit_stats":{"total_commits":21,"total_committers":5,"mean_commits":4.2,"dds":"0.19047619047619047","last_synced_commit":"405d6858175bf1cd8449ffd3a2cbb4dd14040d2f"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":"WrathChaos/react-native-typescript-library-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WrathChaos%2Freact-native-internet-connection-alert","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WrathChaos%2Freact-native-internet-connection-alert/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WrathChaos%2Freact-native-internet-connection-alert/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WrathChaos%2Freact-native-internet-connection-alert/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WrathChaos","download_url":"https://codeload.github.com/WrathChaos/react-native-internet-connection-alert/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230367928,"owners_count":18215338,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["alert","connection","internet","internet-connection","internet-listener","javascript","listener","network","react","react-native"],"created_at":"2024-10-24T17:43:18.686Z","updated_at":"2024-12-19T03:08:19.842Z","avatar_url":"https://github.com/WrathChaos.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg alt=\"React Native Internet Connection Alert\" src=\"assets/logo.png\" width=\"1050\"/\u003e\n\n[![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/WrathChaos/react-native-internet-connection-alert)\n\n[![Fully customizable internet connection connection with built-in alert for React Native](https://img.shields.io/badge/-Fully%20customizable%20internet%20connection%20connection%20with%20built--in%20alert%20for%20React%20Native-orange?style=for-the-badge)](https://github.com/WrathChaos/react-native-internet-connection-alert)\n\n[![npm version](https://img.shields.io/npm/v/react-native-internet-connection-alert.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-internet-connection-alert)\n[![npm](https://img.shields.io/npm/dt/react-native-internet-connection-alert.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-internet-connection-alert)\n![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)\n[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"React Native Internet Connection Alert\"\n        src=\"assets/Screenshots/RN-Internet-Connection-Alert.gif\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"React Native Internet Connection Alert\"\n        src=\"assets/Screenshots/RN-Internet-Connection-Alert-1.png\" width=\"49%\" /\u003e\n  \u003cimg alt=\"React Native Internet Connection Alert\"\n        src=\"assets/Screenshots/RN-Internet-Connection-Alert-2.png\" width=\"49%\" /\u003e\n\u003c/p\u003e\n\n# Installation\n\nAdd the dependency:\n\n```bash\nnpm i react-native-internet-connection-alert\n```\n\n## Peer Dependencies\n\n\u003ch5\u003e\u003ci\u003eIMPORTANT! You need install them\u003c/i\u003e\u003c/h5\u003e\n\n```js\n\"react-native-dropdownalert\": \"=\u003e 4.5.1\",\n\"@react-native-community/netinfo\": \"=\u003e 8.3.0\"\n```\n\n# Usage\n\n## Import\n\n```jsx\nimport InternetConnectionAlert from \"react-native-internet-connection-alert\";\n```\n\n## Fundamental Usage\n\n\u003ci\u003eI **strongly suggest** that cover **whole applicatio**n 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.\u003c/i\u003e\n\n```jsx\n\u003cInternetConnectionAlert\n  onChange={(connectionState) =\u003e {\n    console.log(\"Connection State: \", connectionState);\n  }}\n\u003e\n  {/* {... Your whole application should be here ... } */}\n\u003c/InternetConnectionAlert\u003e\n```\n\n# Configuration - Props\n\n| Property                |       Type        |               Default                | Description                                                                                               |\n| ----------------------- | :---------------: | :----------------------------------: | --------------------------------------------------------------------------------------------------------- |\n| onChange                |     function      |              undefined               | if you need the connection state when it is changed, you can use this function                            |\n| type                    | DropdownAlertType |                error                 | Use some of the prepared dropdown types or if you want to use **your own customization** set **'custom'** |\n| title                   |      string       |     Internet Connection Problem      | to change the title of built-in alert                                                                     |\n| message                 |      string       | Please check your network connection | to change the message of built-in alert                                                                   |\n| useInternetReachability |      boolean      |                false                 | to change the check for connection state to use internet reachability                                     |\n\n### Everything is customizable on built-in dropdownalert. Simply please look at the [React Native Dropdown Alert](https://github.com/testshallpass/react-native-dropdownalert)\n\n## Future Plans\n\n- [x] ~~LICENSE~~\n- [ ] Write an article about the lib on Medium\n\n## Author\n\nFreakyCoder, kurayogun@gmail.com\n\n## License\n\nReact Native Internet Connection Alert is available under the MIT license. See the LICENSE file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwrathchaos%2Freact-native-internet-connection-alert","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwrathchaos%2Freact-native-internet-connection-alert","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwrathchaos%2Freact-native-internet-connection-alert/lists"}