smart_debug_overlay 0.0.1

A floating debug overlay for real-time logs, network requests, and app state monitoring.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:smart_debug_overlay/smart_debug_overlay.dart';

void main() {
  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (_) => DebugService()),
      ],
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final debugService = Provider.of<DebugService>(context, listen: false);

    return Stack(
      children: [
        Scaffold(
          appBar: AppBar(title: Text("Debug Overlay Example")),
          body: Center(
            child: ElevatedButton(
              onPressed: () {
                debugService.addLog("User clicked the button!", type: "log");
              },
              child: Text("Log Event"),
            ),
          ),
        ),
        DebugOverlay(),
      ],
    );
  }
}