flutter_debug_badges 0.1.0

Debug overlay & section marker badges for Flutter apps. Integrates with Dev Pilot to show clickable route/page info and section markers in debug mode.

Flutter Debug Badges

Debug overlay & section marker badges for Flutter apps. Integrates with Dev Pilot to show clickable route/page info and section markers in debug mode.

Usage

pubspec.yaml

dependencies:
  flutter_debug_badges:
    path: /path/to/packages/flutter_debug_badges

Usage

import 'package:flutter_debug_badges/flutter_debug_badges.dart';

// Wrap your app with DebugOverlay
MaterialApp.router(
  routerConfig: router,
  builder: (context, child) {
    return DebugOverlay(
      router: router,
      child: child!,
      // Optional: custom route → file mapping
      routeFileMap: {
        '/dashboard': 'dashboard_page.dart',
        '/profile': 'profile_page.dart',
      },
    );
  },
)

// Wrap sections with DebugSection
DebugSection(
  fileName: 'dashboard_header.dart',
  child: HeaderWidget(),
)

// For tabs/sub-pages within the same route:
DebugOverlay.setPageHint('tab_page.dart');

The overlay and section info will appear in the Dev Pilot terminal as clickable badges.