Flutter信号管理插件signale的使用

Flutter信号管理插件signale的使用

signale 是一个用于 Dart 的简单日志包，灵感来源于 signale.js。

我希望有一个简单的日志包，并且支持彩色文本，不包含复杂的界面设计。同时，我还希望能够获取日志数据，因为我想在我的应用中展示这些日志数据。

截图

在终端显示

你可以从以下代码中看到：

void main() {
  Log.defaultLogger.level = LogLevel.info;
  Log.d('调试日志');
  Log.i('信息日志');
  Log.w('警告日志');
  Log.e('错误日志');
  Log.v('详细日志');
  Log.c('彩色日志', 12);
  Log.c('彩色日志', 14);
  Log.r('这是随机颜色的日志');
  Log.r('这是随机颜色的日志');
  Log.r('这是随机颜色的日志');
}

在 Flutter Widget 中显示

入门指南

支持的功能

Log.w
Log.e
Log.i
Log.v
Log.d
Log.custom
Log.r

设置日志级别

Log.defaultLogger.level = LogLevel.info;

监听日志数据

你可以监听日志流：

Log.defaultLogger.stream.listen((event) {
  print(event);
});

替换默认记录器

1. 实现 Printer 类

abstract class Printable {
  void print(DateTime time, Object object);
}

1. 将 Printer 设置为 Log.defaultLogger.printer

Log.defaultLogger.printer = Printer();

完整示例

以下是一个完整的示例代码，展示了如何在 Flutter 应用中使用 signale 插件来记录不同级别的日志并显示在终端或 Flutter Widget 中。

import 'package:flutter/material.dart';
import 'package:signale/signale.dart';

// 创建一个自定义的 Printer 类，实现 Printable 接口
class CustomPrinter extends Printable {
  [@override](/user/override)
  void print(DateTime time, Object object) {
    // 自定义打印逻辑
    print('[${time.toString()}] $object');
  }
}

void main() {
  // 设置默认的日志级别
  Log.defaultLogger.level = LogLevel.info;

  // 设置自定义的 Printer
  Log.defaultLogger.printer = CustomPrinter();

  // 记录不同级别的日志
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Signale 日志示例')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: () {
                  Log.d('调试日志');
                },
                child: Text('记录调试日志'),
              ),
              ElevatedButton(
                onPressed: () {
                  Log.i('信息日志');
                },
                child: Text('记录信息日志'),
              ),
              ElevatedButton(
                onPressed: () {
                  Log.w('警告日志');
                },
                child: Text('记录警告日志'),
              ),
              ElevatedButton(
                onPressed: () {
                  Log.e('错误日志');
                },
                child: Text('记录错误日志'),
              ),
              ElevatedButton(
                onPressed: () {
                  Log.v('详细日志');
                },
                child: Text('记录详细日志'),
              ),
              ElevatedButton(
                onPressed: () {
                  Log.c('彩色日志', 12);
                },
                child: Text('记录彩色日志'),
              ),
              ElevatedButton(
                onPressed: () {
                  Log.r('随机颜色日志');
                },
                child: Text('记录随机颜色日志'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}