❤
npm
Sign UpSign In

react-native-internet-status-view

0.1.1 • Public • Published

npm version

JavaScript Style Guide

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

Readme

Keywords

Package Sidebar

Install

npm i react-native-internet-status-view

Repository

github.com/ismdcf/react-native-internet-status-view

Homepage

github.com/ismdcf/react-native-internet-status-view#readme

Weekly Downloads

0

Version

0.1.1

License

ISC

Last publish

Collaborators

  • ismdcf
Try on RunKit
Report malware