error_overlay 1.0.1 error_overlay: ^1.0.1 copied to clipboard
Error Overlay is a Flutter package that allows you to display real-time error logs as an overlay on all pages of your app. It helps developers quickly monitor and debug issues by showing detailed logs [...]
Error Overlay #
The Error Overlay package for Flutter allows you to easily display real-time error logs as an overlay across all pages of your app. This is extremely useful for developers to monitor and debug issues while building and testing the app.
Features #
- Show error logs in a real-time overlay on all pages of the app.
- Live previews
- Helps in debugging and monitoring app performance without switching to the console.
- Easy to set up and use.
Installation #
To use the Error Overlay package in your Flutter project, follow these steps:
- Add the dependency to your pubspec.yaml file:
dependencies:
error_overlay: ^1.0.0
- Install the package by running:
flutter pub get
Usage/Examples #
To use the Error Overlay, you simply need to wrap your MaterialApp widget with the ErrorOverlay widget. This will automatically display a real-time overlay of error logs.
import 'package:flutter/material.dart';
import 'package:error_overlay/error_overlay.dart'; // Import the package
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
// Wrap your app in the LogMonitor widget to enable live log overlay
home: ErrorOverlay(
child: MyHomePage(),
),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Live Error Overlay Example'),
),
body: Center(
child: ElevatedButton(
onPressed: () {
// Simulate an error
throw Exception('This is a test error!');
},
child: Text('Simulate Error'),
),
),
);
}
}