react-native-internet-status-view

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

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