react-native-network-checker v0.1.5

Quick start

Installation

npm install --save react-native-network-checker

React Native Network Checker uses @react-native-community/netinfo as a main dependency.

Important - Dont forget this step

This packages uses @react-native-community/netinfo as a dependency.

• Install @react-native-community/netinfo and follow the instructions to install and link react-native-netinfo.

That's it. you're ready to go.

Basic Usage

import React from 'react';
import {
  StyleSheet,
  View,
  Text,
} from 'react-native';
import NetworkChecker from 'react-native-network-checker';

const App = () => {
  return (
    <NetworkChecker
      position="bottom"
      duration={2000} // In milliseconds
      notConnectedMessage="Not connected to Internet!"
      notConnectedTextColor="white"
      notConnectedBackgroundColor="grey"
      connectedMessage="Connected to Internet!"
      connectedTextColor="white"
      connectedBackgroundColor="green"
    >
      <View style={styles.screen}>
        <Text>React Native Network Checker</Text>
      </View>
    </NetworkChecker>
  );
};

const styles = StyleSheet.create({
  screen: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export default App;

Props

Contribution

• @prabu01 Author.

Contribution are welcome!. Please see the contributing guide

Questions

Feel free to Contact me or Create an issue

License

Released under the Mit License