react-native-offline-status
v1.0.0
Published
A network status bar which shows up on top when the app is offline.
Downloads
8
Maintainers
Readme
react-native-offline-status
- A status bar which shows up on top when the device is offline.
- Works on both android and iOS without any extra configuration.
- Highlight(shake) feature.
- Simple/Minimalistic installation.
Demo
Props
- offlineText: String(Text to show on the bar, default is:
You are not connected to Internet
)
Usage
Install the module:
yarn add react-native-offline-status
ornpm install react-native-offline-status --save
Import the component and add it to the root level of your app
import OfflineBar from 'react-native-offline-status';
export default AppContainer {
render() {
return (
<View>
<OfflineBar />
...
<View/>
)
}
}
- Triggering the animation
<OfflineBar ref={(r) => this.offlineBarRef = r} />
{this.offlineBarRef && <Button title='Highlight Bar' onPress={this.offlineBarRef.triggerAnimation} />}
- Getting the network state:
this.offlineBarRef.state.isConnected
will return true/false is the device is connected/disconnected.