react-native-reachability-popup

TODO

Usage no npm install needed!

<script type="module">
  import reactNativeReachabilityPopup from 'https://cdn.skypack.dev/react-native-reachability-popup';
</script>

README

react-native-reachability-popup

Reachability Popup it is a React Native module to help you with easily handle and check internet availablility
Global Demo of Spinner Component

## Getting started

$ yarn add react-native-reachability-popup

Usage

Basic Usage

The Spinner component it's build to a global use, so you have to instance this component once in your main app screen always as a last inserted component:

import React from "react";
import { View } from "react-native";
import Reachability { isNetworkReachable, isConnected } from "react-native-reachability-popup";

export default class App extends React.Component {
    render() {
        return (
            <View style={{ flex: 1 }}>
                <View ref={"otherView1"} />
                <View ref={"otherView2"} />
                <View ref={"otherView3"} />
                {/* GLOBAL REACHABILITY COMPONENT INSTANCE */}
                <Reachability />
                {/* <--- here as last component */}
            </View>
        );
    }
}

Common properties

name description type return
isNetworkReachable check is network reachable Function Boolean
isConnected check is connected to wifi/Lte... Function Boolean