React-native-internet-status-view NPM

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

react-native-internet-status internet connectivity status react-native

@infinitebrahmanuniverse/nolb-react-native-i @everything-registry/sub-chunk-2581 @zalastax/nolb-react-native-i

0.1.1

7 years ago

0.1.0

7 years ago

0.0.1

7 years ago