Internet Connection Status.

A Flutter package to detect internet connection and show banners in your app.

Features #

• Automatic internet connection detection using connectivity_plus and internet_connection_checker
• Shows online/offline status banners automatically
• Stylish blur glass-effect banners for online/offline status notifications
• Customizable banners via widget or text parameters
• Built with hooks_riverpod and flutter_hooks for reactive and declarative usage

Quickstart #

Add dependency to your pubspec file #

Add this to your pubspec.yaml:

dependencies:
  internet_connection_status: ^1.0.0

Add Internet Connection Status to Your App! #

import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:internet_connection_status/internet_connection_status.dart';

void main() {
  runApp(const ProviderScope(child: MyApp()));
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Stack(
          children: const [
            Center(child: Text("Internet Connection Status Example")),
            // Put your internet status banner on top
            InternetConnectionStatus(),
          ],
        ),
      ),
    );
  }
}

Public API #

• internetStatusStreamProvider
  StreamProvider

• isInternetConnectedProvider
  Provider<bool?> — boolean internet connection status (null while loading)

• InternetConnectionStatus (Widget)
  Shows online/offline banners automatically, customizable

• NetworkConnectionStatusCard (Widget)
  Default styled banner card with blur glass effect

• ConnectionStatus enum
  Enum for connected and disconnected