qa_debug_overlay library
Flutter Debug Overlay - Simple QA Testing Tool
A lightweight debug overlay for Flutter with network logging and JSON viewer.
Quick Start
- Wrap your app:
MaterialApp(
builder: (context, child) {
return DebugOverlayWrapper(child: child!);
},
);
- Add interceptor (if using Dio):
final dio = Dio();
dio.interceptors.add(DebugInterceptor());
That's it! Tap the 🐞 button to view logs.
Classes
- DebugInterceptor
- A Dio interceptor that captures all network requests and responses for debugging purposes.
- DebugLogsBottomSheet
- A bottom sheet widget that displays network logs in a scrollable interface.
- DebugOverlayController
- Main controller for debug overlay
- DebugOverlayWrapper
- Main debug overlay wrapper widget
- DraggableDebugButton
- Draggable floating debug button (bug emoji 🐞)
- FirebaseLogger
- Helper class for logging Firebase requests and operations.
- LogDetailView
- A detailed view widget for displaying comprehensive information about a single network log entry.
- NetworkLog
- Simple data model for network logs