flutter如何用debugprint打印不同颜色的日志

在Flutter开发中，使用debugPrint打印日志时，如何让输出的日志显示不同颜色？默认情况下日志都是单色的，有没有办法像Android的Logcat那样区分不同级别的颜色？是否需要依赖第三方库，或者有原生支持的方法？

2 回复

在Flutter中，使用debugPrint无法直接打印彩色日志。但可以通过ANSI转义码实现，例如：

debugPrint('\x1B[31m红色日志\x1B[0m');

其中\x1B[31m设置红色，\x1B[0m重置颜色。

更多关于flutter如何用debugprint打印不同颜色的日志的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中，debugPrint 默认不支持直接输出不同颜色的日志，但可以通过以下方法实现彩色日志效果：

方法1：使用ANSI转义码（推荐）

在支持ANSI转义码的终端（如VS Code终端、Android Studio终端、iTerm2等）中，可以通过嵌入颜色代码实现：

void printColor(String text, {int colorCode = 32}) {
  debugPrint('\x1B[${colorCode}m$text\x1B[0m');
}

// 使用示例
printColor('绿色文本', colorCode: 32);  // 绿色
printColor('红色文本', colorCode: 31);  // 红色
printColor('黄色文本', colorCode: 33);  // 黄色

常用颜色代码：

  • 30: 黑色
  • 31: 红色
  • 32: 绿色
  • 33: 黄色
  • 34: 蓝色
  • 35: 紫色
  • 36: 青色
  • 37: 白色

方法2：使用第三方包

安装 logger 包：

dependencies:
  logger: ^2.0.0+1

使用示例：

import 'package:logger/logger.dart';

var logger = Logger();

logger.d('调试消息'); // 蓝色
logger.i('信息消息'); // 绿色
logger.w('警告消息'); // 黄色
logger.e('错误消息'); // 红色

注意事项：

  1. ANSI颜色在部分终端可能不兼容
  2. 在Flutter Web中无法显示颜色
  3. 发布正式版时记得移除或禁用彩色输出

推荐使用 logger 包，它提供了更丰富的日志级别和格式化选项，且兼容性更好。

回到顶部