ScalifyDebugOverlay class

A debug overlay that displays live responsive metrics on screen.

Only renders in debug mode — completely eliminated from release builds via kDebugMode check. Zero overhead in production.

Features

• Live display of screen size, scale factors, screen type
• Rebuild counter to track unnecessary rebuilds
• Draggable panel — move it anywhere on screen
• Collapsible via tap on the header
• Isolated repaints via RepaintBoundary

Usage

Wrap your app (or any subtree) with ScalifyDebugOverlay:

ScalifyDebugOverlay(
  enabled: true,
  child: MyApp(),
)

Or use it inside ScalifyProvider:

ScalifyProvider(
  builder: (context, child) => MaterialApp(
    home: ScalifyDebugOverlay(child: child!),
  ),
  child: HomeScreen(),
)