/react-native-internet-status-view

A Facebook messenger type internet alert for react native that shows an alert when there is no internet connectivity

Primary LanguageJavaScript

npm version

JavaScript Style Guide

Build Status

react-native-internet-status-view

A callout that's similiar to what facebook messengers shows during internet connectivity status change.

Animated gif showing the animation when the internet is disconnected and reconnected

Supports react native 0.22^ iOS and Android (Tested on 0.37).

Installation

$ npm i react-native-internet-status-view --save

Usage

Place the component on where it wants to be appeared (mostly just below the root view )

<View style={styles.container}>
  <InternetStatusView
    textToDisplay="Sorry You're Not Connected to the Internet"
  />
  ....... Rest Of Your View
</View>

Accepted Props

Prop Description Default Value
textToDisplay String The message you want the user to see. No Internet Connection
style object The style of the outer text container {{justifyContent: 'center',alignSelf: 'stretch',backgroundColor:"#e74c3c",height:25}}

Contributions Are Welcomed To Make This Component a Cool One

License

ISC License