@quantfive/react-native-connectivity-banner NPM

React Native Connectivity Banner

A simple React Native Component that leverages @react-native-community/netinfo to display a banner alerting users when no or slow connection is detected.

npm.io

npm.io

Use NPM or Yarn

yarn add @quantfive/react-native-connectivity-banner

npm install --save @quantfive/react-native-connectivity-banner

import { ConnectivityBanner } from '@quantfive/react-native-connectivity-banner'

render() {
  return (
    <View> 
      <ConnectivityBanner />
    </View>
  )
}

Option	Type	Description
interval	Integer	In milliseconds, determines how often the component will check the state of the device's connection. Defaults to 2000ms.
messages	Object	`{ notConnected: String, lowConnectivity: String}` Customize the message you want to display to users
styleOverride	Object	Pass a style object to override or customize component's style