Flutter屏幕截图插件easy_screenshot的使用

Flutter屏幕截图插件easy_screenshot的使用

Easy Screenshot for Flutter

Easy Screenshot for Flutter

一个用于将任何小部件转换为图像的Flutter包。

安装

在你的pubspec.yaml文件中添加以下行，并运行flutter packages get：

easy_screenshot: ^latest version

Flutter 使用

导入包

首先，导入easy_screenshot包：

import 'package:easy_screenshot/easy_screenshot.dart';

添加一个EasyScreenshotController来控制触发器

创建一个EasyScreenshotController实例，以便你可以控制截图的触发：

EasyScreenshotController _controller = EasyScreenshotController();

创建一个EasyScreenshot小部件在小部件树中

在你的小部件树中插入EasyScreenshot小部件，并传递控制器和要截图的小部件：

EasyScreenshot(
  controller: _controller,
  child: const Text(
    'Easy Screenshot',
    style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
  ),
)

捕获截图

调用_controller.capture()方法来捕获截图。该方法返回一个File对象，表示已保存的截图文件：

File file = await _controller.capture();

完整示例代码

以下是完整的示例代码，演示如何使用easy_screenshot插件进行屏幕截图。

import 'dart:io';

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

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

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

  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你的应用的主题。
        //
        // 尝试这个：运行你的应用并看到工具栏是紫色的。然后，在不退出应用的情况下，
        // 将颜色方案中的seedColor改为Colors.green，然后执行热重载（保存更改或按命令行中的“热重载”按钮）。
        //
        // 注意计数器没有重置到零；应用的状态在重载期间不会丢失。要重置状态，请使用热重启。
        //
        // 这也适用于代码，而不仅仅是值：大多数代码更改都可以通过热重载进行测试。
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  [@override](/user/override)
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final EasyScreenshotController _controller = EasyScreenshotController();
  File? file = File('');

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            EasyScreenshot(
              controller: _controller,
              child: const Text(
                'Easy Screenshot',
                style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
              ),
            ),
            file!.path.isNotEmpty ? Image.file(file!) : const SizedBox.shrink(),
            ElevatedButton(
                onPressed: () async {
                  file = await _controller.capture();
                  setState(() {});
                },
                child: const Text('Take Screenshot')),
          ],
        ),
      ),
    );
  }
}