flutter_monitoring_sdk 0.0.2
flutter_monitoring_sdk: ^0.0.2 copied to clipboard
A lightweight Flutter monitoring SDK with logging, network monitoring, navigation tracking, and log viewer.
๐ฆ Flutter Monitoring SDK
Lightweight Flutter SDK for real-time logging, network monitoring (Dio & HTTP), navigation tracking, crash reporting, and in-app debugging dashboard.
โจ Features ๐ฑ App Logging (Verbose, Debug, Info, Warning, Error, Fatal) ๐ Network Monitoring (Dio + HTTP) ๐งญ Navigation Tracking (Page open/route tracking) ๐ฅ Crash Monitoring โฑ Session Tracking ๐ Search & Filter Logs ๐ Monitoring Dashboard UI ๐ JSON Viewer for logs ๐ชถ Lightweight & production-ready โก No backend required ๐ Getting Started
- Add Dependency dependencies: flutter_monitoring_sdk: ^0.0.2
- Initialize SDK import 'package:flutter/material.dart'; import 'package:flutter_monitoring_sdk/flutter_monitoring_sdk.dart';
void main() { WidgetsFlutterBinding.ensureInitialized();
FlutterMonitoring.initialize();
runApp(const MyApp()); } ๐ Monitoring Features ๐งญ Navigation Tracking (New Page Open)
๐ Enable observer:
MaterialApp( navigatorObservers: [ FlutterMonitoring.navigatorObserver, ], ); ๐ What happens?
Whenever user navigates:
Navigator.push( context, MaterialPageRoute(builder: (_) => const SecondPage()), );
๐ SDK automatically logs:
Page open / route change Navigation history Screen transition events
๐ View in:
Monitoring Dashboard โ Navigation Tab ๐ Dio Network Monitoring Setup final dio = Dio();
dio.interceptors.add( MonitoringInterceptor(), ); Example API call await dio.get("https://jsonplaceholder.typicode.com/todos/1"); ๐ Automatically logs: Request URL Method (GET/POST) Headers Request body Response body Status code (200/404/500) Response time Errors
๐ View in:
Monitoring Dashboard โ Network Tab ๐ HTTP Client Monitoring Setup final client = MonitoringHttpClient(); Example final response = await client.get( Uri.parse("https://jsonplaceholder.typicode.com/todos/1"), ); ๐ Logs captured: URL Status code Response body Duration Errors
๐ View in:
Monitoring Dashboard โ Network Tab ๐ฑ Open Monitoring Dashboard ๐ Floating Button Scaffold( floatingActionButton: FlutterMonitoring.fab(), ); ๐ Full Screen Dashboard
๐ Opens new page:
FlutterMonitoring.show(context); ๐ Logging Logger.v("Verbose log"); Logger.d("Debug log"); Logger.i("Info log"); Logger.w("Warning log"); Logger.e("Error log"); Logger.f("Fatal log"); ๐ฏ What You Get Automatically
Once initialized:
๐ฑ App logs tracking ๐ API monitoring (Dio + HTTP) ๐งญ Navigation tracking ๐ฅ Crash logging โฑ Session tracking ๐งช Example App cd example flutter run ๐ก One Line Summary Initialize FlutterMonitoring and instantly get logs, API monitoring, navigation tracking, and crash re