connectivity_watcher

Description:

connectivity watcher

connectivity_watcher #
Table of contents #

🌐📲 Connectivity Watcher

Description
Getting started
Usage 🚀

Run Apis on internet status changes
The Custom method
The Inbuild Styles


Honoring Recent Contributors
Features and bugs



Honoring Recent Contributors
Description #
Connectivity Watcher is a robust Flutter package designed to monitor internet connectivity and network availability status in real-time. This ensures that your app can effectively manage and respond to changes in connectivity, providing a seamless user experience.
Getting started #
First, add connectivity_watcher as a dependency in your pubspec.yaml file
dependencies:
flutter:
sdk: flutter
connectivity_watcher: ^[version]
copied to clipboard
Import the package #
import 'package:connectivity_watcher/connectivity_watcher.dart';
copied to clipboard
Usage 🚀 #
What if i have to use a custom screen which my designer provided for no internet 😅!
Run Apis on internet status changes #
If your are in situation where you have to perform certain operation based on the internet status changes you can use ConnectivityWatcher().subscribeToConnectivityChange()
// create a variable to store steam subscription
late StreamSubscription<ConnectivityWatcherStatus> subscription;

// Just like any other stream you can use the listen method and initialize stream in init state
@override
void initState() {
// TODO: implement initState
super.initState();
ConnectivityWatcher().subscribeToConnectivityChange(
subscriptionCallback: ((stream) {
subscription = stream.listen((event) {
if (event == ConnectivityWatcherStatus.connected) {
// Internet is Connected
} else {
// Internet is disconnected
}
});
}));
}
copied to clipboard
The Custom method #
Wrap Your MaterialApp With ConnectivityWatcherWrapper and pass the connection style as custom and then pass your custom widget to offline widget as show thats it.
Widget build(BuildContext context) {
return ConnectivityWatcherWrapper(
navigationKey: navigatorKey,
connectivityStyle: NoConnectivityStyle.CUSTOM,
noInternetText: Text(
"Testing message", // Any Message
style: TextStyle(color: Colors.red),
),

offlineWidget: CustomNoInternetWrapper(
builder: (context) {
return CustomNoInternet();
},
),
// Place your custom no internet Widget
builder: (context, connectionKey) {
return MaterialApp(
navigatorKey: navigatorKey,
debugShowCheckedModeBanner: false,
title: 'Connectivity_Watcher',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: LoginDemo());
},
);
}
copied to clipboard
Note: The package will automatically remove the custom widget if internet is back but in case its not removed you can use the follwing method to remove it
bool hasRemoved = await ConnectivityWatcher.().hideNoInternet();
if(hasRemoved){
// your code after internet is back
}
else{
print("No Internet");
}
copied to clipboard
Preview #

The Inbuild Styles #
Wrap Your MaterialApp With ConnectivityWatcherWrapper and pass the connection style

SnackBar Style

Widget build(BuildContext context) {
return ConnectivityWatcherWrapper(
connectivityStyle: NoConnectivityStyle.SNACKBAR,
builder: (context, connectionKey) {
return MaterialApp(
navigatorKey: connectionKey, // add this key to material app
debugShowCheckedModeBanner: false,
title: 'Connectivity_Watcher',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: LoginDemo());
},
);
}
copied to clipboard
Preview #


Alert

Widget build(BuildContext context) {
return ConnectivityWatcherWrapper(
connectivityStyle: NoConnectivityStyle.ALERT,
builder: (context, connectionKey) {
return MaterialApp(
navigatorKey: connectionKey, // add this key to material app
debugShowCheckedModeBanner: false,
title: 'Connectivity_Watcher',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: LoginDemo());
},
);
}
copied to clipboard
Preview #

Check Internet Status #
bool hasInternet = await ConnectivityWatcher().getConnectivityStatus();
copied to clipboard
Contribution 🤝 #
Feel free to contribute and open pull requests. 🙌
Honoring Recent Contributors #

The section honors the people who has either contributed to the repo or have opened a feature or bug request
Features and bugs #
Feel free to post a feature requests or report a bug here.