logger_flutter 是一个用于在 Flutter 应用中记录日志的插件，它基于 logger 包，并提供了在 Flutter 应用中更方便的日志记录功能。logger_flutter 提供了一个可视化的日志查看器，可以在应用中直接查看日志输出，非常适合调试和开发阶段使用。

安装 logger_flutter

首先，你需要在 pubspec.yaml 文件中添加 logger_flutter 依赖：

dependencies:
  flutter:
    sdk: flutter
  logger_flutter: ^1.0.0

然后运行 flutter pub get 来安装依赖。

基本用法

1. 导入包

   在你的 Dart 文件中导入 logger_flutter 包：

   import 'package:logger_flutter/logger_flutter.dart';

2. 初始化 Logger

   你可以使用 Logger 类来记录日志。logger_flutter 提供了一个 LogConsole 小部件，可以在应用中显示日志。

   final logger = Logger();

3. 记录日志

   你可以使用 logger 对象来记录不同级别的日志：

   logger.v("Verbose log");
   logger.d("Debug log");
   logger.i("Info log");
   logger.w("Warning log");
   logger.e("Error log");
   logger.wtf("What a terrible failure log");

4. 显示日志查看器

   你可以在应用中使用 LogConsole 小部件来显示日志查看器。通常，你可以将它放在一个按钮的点击事件中，或者放在应用的某个页面中。

   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: Text('Logger Flutter Example'),
           ),
           body: Center(
             child: ElevatedButton(
               onPressed: () {
                 Navigator.of(context).push(
                   MaterialPageRoute(
                     builder: (context) => LogConsole(
                       logger: logger,
                     ),
                   ),
                 );
               },
               child: Text('Open Log Console'),
             ),
           ),
         ),
       );
     }
   }

5. 完整示例

   以下是一个完整的示例，展示了如何在 Flutter 应用中使用 logger_flutter：

   import 'package:flutter/material.dart';
   import 'package:logger_flutter/logger_flutter.dart';
   
   final logger = Logger();
   
   void main() {
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: Text('Logger Flutter Example'),
           ),
           body: Center(
             child: ElevatedButton(
               onPressed: () {
                 logger.v("Verbose log");
                 logger.d("Debug log");
                 logger.i("Info log");
                 logger.w("Warning log");
                 logger.e("Error log");
                 logger.wtf("What a terrible failure log");
   
                 Navigator.of(context).push(
                   MaterialPageRoute(
                     builder: (context) => LogConsole(
                       logger: logger,
                     ),
                   ),
                 );
               },
               child: Text('Open Log Console'),
             ),
           ),
         ),
       );
     }
   }

自定义日志输出

你可以通过自定义 Logger 的 Printer 来改变日志的输出格式。例如，使用 PrettyPrinter 来美化日志输出：

final logger = Logger(
  printer: PrettyPrinter(),
);