No Internet SnackBar #

A customizable Flutter widget that automatically shows a snackbar-style when the internet connection is lost or restored.

✨ Features #

🌐 Auto-detects internet connectivity using connectivity_plus.

📍 Show snackbar on top or bottom of the screen.

🎨 Customizable colors, gradients, text styles, and icons.

👆 Tap-to-dismiss option.

👉 Swipe-to-dismiss option (up / down based on position).

⏱ Auto-hide after a given duration.

🔄 Retry button with callback support.

🖼 Add custom online/offline icons or images.

🪟 Adjustable margin, padding, border radius, box shadows.

📸 Screenshots #

NoInternetSnackBar Default Screen	NoInternetSnackBar Customizable Screen

How to use it ? #

1. Add dependency #

Add this to your package's pubspec.yaml file:

dependencies:
  no_internet_snackbar: <latest_version>

2. Install it You can install packages from the command line: #

with pub :

$ pub get

with Flutter :

$ flutter pub get

3. Import it #

Now in your Dart code, you can use :

import 'package:no_internet_snackbar/no_internet_snackbar.dart';

4. Use it #

Sample app demonstrates how simple the usage of the library actually is.

Using PriceText in your project is super simple.

You just need to add the widget with an amount and currency type, and it will handle formatting for you.

🎨 Customization Options #

withount any customization #

return NoInternetSnackBar(
  child: const Scaffold(
  body: Center(
    child: Text('Example Screen'),
  ),
 ),
);

with customization #

  return NoInternetSnackBar(
      snackbarMargin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), // Margin around snackbar
      snackbarPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), // Padding inside snackbar
      snackbarBorderRadius: BorderRadius.circular(8), // Border radius of snackbar
      swipeToDismiss: true, // Allow swipe to dismiss snackbar
      tapToDismiss: true, // Allow tap to dismiss snackbar
      onlineImage: Icon(Icons.wifi,size: 50,color: Colors.blue,), // Optional online image
      offlineImage: Image.asset('assets/no_wifi.png', width: 50, height: 50), // Optional offline image
      duration: const Duration(seconds: 5), // Duration before auto-hide
      /// Gradient colors for offline snackbar
       offlineColor:  const LinearGradient(
        colors: [Colors.red, Colors.orange],
        begin: Alignment.topLeft,
        end: Alignment.bottomRight),
      offlineMessage: "No internet connection!", // Offline message
      offlineMessageTextStyle: TextStyle(fontSize: 16, color: Colors.white), // Offline text style
      /// Gradient colors for online snackbar
      onlineColor:  const LinearGradient(
        colors: [Colors.green, Colors.lightGreen],
        begin: Alignment.topLeft,
        end: Alignment.bottomRight),
      onlineMessageTextStyle: TextStyle(fontSize: 16, color: Colors.white), // Online text style
      onlineMessage: "Back to Online", // Online message
      textLabel: "Reconnect", // Retry button text
      /// Retry button callback
      onRetry:  () {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(content: Text("Retrying connection...")),
        );
      },
      position: SnackBarPosition.top, // Position of snackbar (top/bottom)
      child: const Scaffold(
        body: Center(
          child: Text('Example Screen'),
        ),
      ),
    );

Bugs and Feedback #

We welcome and appreciate any suggestions you may have for improvement. For bugs, questions, and discussions please use the [GitHub Issues](your link).

Acknowledgments #

It extends Flutter’s foundation to provide a ready-to-use, customizable currency formatter widget.While Flutter and intl provide the base, price_text simplifies the process by combining widgets and formatting logic into a single package you can drop into any app.

Contribution #

The DashStack team enthusiastically welcomes contributions and project participation! There are a bunch of things you can do if you want to contribute! The Contributor Guide has all the information you need for everything from reporting bugs to contributing new features.

Credits #

no_internet_snackbar is owned and maintained by the Dashstack team. Follow us for updates and new releases 🚀.