Flutter文档跟踪插件wedoc_tracker_widget的使用

wedoc_tracker_widget 是一个由 WeDoc 团队开发的 Flutter 插件，用于在屏幕渲染时跟踪特定的 Widget。通过该插件，开发者可以轻松监控 Widget 的生命周期和渲染状态。

使用步骤

以下是完整的使用示例，展示如何在 Flutter 应用中集成并使用 wedoc_tracker_widget 插件。

1. 添加依赖

首先，在项目的 pubspec.yaml 文件中添加 wedoc_tracker_widget 依赖：

dependencies:
  wedoc_tracker_widget: ^1.0.0

然后运行以下命令以更新依赖：

flutter pub get

2. 导入插件

在需要使用的 Dart 文件中导入插件：

import 'package:wedoc_tracker_widget/wedoc_tracker_widget.dart';

3. 创建跟踪 Widget

创建一个简单的 Flutter 应用，并使用 WedocTrackerWidget 来跟踪目标 Widget。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 记录 Widget 是否被渲染
  bool isTracked = false;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('WeDoc Tracker Widget 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 跟踪的目标 Widget
            WedocTrackerWidget(
              onRender: () {
                setState(() {
                  isTracked = true;
                });
              },
              child: Container(
                width: 200,
                height: 200,
                color: Colors.blue,
                child: Center(
                  child: Text(
                    '跟踪的 Widget',
                    style: TextStyle(color: Colors.white),
                  ),
                ),
              ),
            ),
            SizedBox(height: 20),
            // 显示跟踪状态
            Text(
              isTracked ? '已渲染' : '未渲染',
              style: TextStyle(fontSize: 18),
            )
          ],
        ),
      ),
    );
  }
}