offline_banner 1.0.2

A customizable Flutter widget that shows an animated banner when offline and an online popup when internet is restored, with retry support and configurable position.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:offline_banner/offline_banner.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return OfflineBanner(
      retryCallback: () {
        // Any action after reconnection
        debugPrint("Retry successful — now online!");
      },
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        home: const HomeScreen(),
      ),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Offline Banner'),
        backgroundColor: Colors.blue,
      ),
      body: Center(child: Text('Internet Connection Checking')),
    );
  }
}