Flutter控制台输出插件fd_console的使用

Flutter控制台输出插件fd_console的使用

Fd_Console

版本 喜欢

Fd_Console 是一个用于每个平台的新版Flutter调试控制台。它可以帮助测试人员在离开IDE时查看程序的日志输入;解决Android Studio中日志过滤不完全的问题;解决VsCode中无法方便地一次性清除所有日志的问题。

显示结果

v11 V22

文档

由于pub.dev平台更新的限制,我将通过上述链接形式转移Fd_Console的版本更新信息和详细使用文档。这减少了频繁的版本更新,并提供了更详细的Fd_Console信息。

详细说明

完成App程序开发后,将进入测试阶段。测试人员需要检查App程序特定位置的日志状态。然而,这些日志被输出到IDE的调试控制台,而测试人员并不使用IDE,这给测试工作带来了极大的不便。为了解决这个问题,Fd_Console应运而生。开发者只需将Fd_Console引入项目并在相应位置使用其提供的日志方法,测试人员就可以无需依赖IDE查看程序的日志输出。此外,Fd_Console还解决了Android Studio调试控制台日志过滤规则不足的问题以及VsCode调试控制台无法方便地一次性清除日志的问题。

建议与支持

感谢您对Fd_Console的关注和支持!Fd_Console是一个新推出的日志库。虽然可能无法满足所有开发者的需要,但可以满足80%测试人员的需求。我们致力于不断改进和完善它,以帮助更多的人。如果您有任何建议或想法,请通过以下方式给我们反馈:

  1. 发送163邮件或Google邮件或QQ邮件
  2. 在GitHub上创建问题: GitHub Create Issues

如果您认为Fd_Console可以帮助您解决问题,请将其分享给您的合作伙伴并留下宝贵的反馈和支持,这是对我们最大的鼓励。

以下是留星的方式:

  1. Fd_Console的GitHub项目地址 是一个方便的收藏入口。
  2. Fd_Console的Pub库地址 是一个方便的收藏入口。

再次感谢您对Fd_Console的支持,我们将继续努力提供更好的产品和服务!

示例代码

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 控制平台是否可用。
    return ConsoleApp(
      // 是否同步IDE输出。
      enable: true,
      // 调试控制台日志的最大数量,超出部分按先进先出原则操作。
      maxCount: 1000,
      // 更多参数...
      child: MaterialApp(
        title: 'Fd_Console',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
          useMaterial3: true,
        ),
        home: const MyHomePage(title: 'FDC Demo'),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
      if (_counter % 2 == 0) {
        // 使用不同颜色的日志方法。
        // flogRed(...)
        // flogYellow(...)
        // flogGreen(...)
        flog('$_counter 是偶数!');
      } else {
        // 使用不同颜色的打印方法。
        // fprintRed(...)
        // fprintYellow(...)
        // fprintGreen(...)
        fprint('$_counter 是奇数!');
      }
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text('你已经点击按钮次数:'),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: const Icon(Icons.add),
      ),
    );
  }
}

更多关于Flutter控制台输出插件fd_console的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter控制台输出插件fd_console的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


fd_console 是一个用于 Flutter 应用的插件,它可以帮助开发者在控制台输出日志信息,并且支持颜色、格式化等功能。以下是如何在 Flutter 项目中使用 fd_console 的步骤:

1. 添加依赖

首先,在你的 pubspec.yaml 文件中添加 fd_console 依赖:

dependencies:
  flutter:
    sdk: flutter
  fd_console: ^1.0.0  # 请检查最新版本

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

2. 导入包

在你的 Dart 文件中导入 fd_console

import 'package:fd_console/fd_console.dart';

3. 使用 fd_console 输出日志

fd_console 提供了多种方法来输出日志信息,以下是一些常见的用法:

3.1 基本输出

Console.log("This is a log message");
Console.info("This is an info message");
Console.warn("This is a warning message");
Console.error("This is an error message");

这些方法会自动为不同类型的日志添加不同的颜色,例如 info 是蓝色的,warn 是黄色的,error 是红色的。

3.2 格式化输出

你可以使用 printf 风格的格式化输出:

Console.logf("The value is %d", 42);

3.3 带颜色的输出

fd_console 支持自定义颜色输出:

Console.color("This is a custom color message", ConsoleColor.green);

3.4 时间戳

你可以在日志中添加时间戳:

Console.timestamp = true;
Console.log("This message has a timestamp");

3.5 禁用日志

你可以根据需要禁用日志输出:

Console.enabled = false;
Console.log("This message will not be printed");

4. 配置 fd_console

你可以在应用启动时对 fd_console 进行全局配置:

void main() {
  Console.timestamp = true;
  Console.enabled = true; // 默认是 true,可以根据需要设置为 false
  runApp(MyApp());
}

5. 其他功能

fd_console 还支持其他一些功能,例如:

  • 日志级别:你可以设置日志级别,只输出特定级别以上的日志。
  • 自定义输出:你可以自定义日志输出的格式和颜色。

6. 示例代码

以下是一个完整的示例代码:

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

void main() {
  Console.timestamp = true;
  Console.enabled = true;
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    Console.log("App started");
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    Console.info("Home page built");
    return Scaffold(
      appBar: AppBar(
        title: Text("Flutter Demo Home Page"),
      ),
      body: Center(
        child: Text("Hello, world!"),
      ),
    );
  }
}
回到顶部