psd_reader 是一个用于在 Flutter 中读取 PSD 文件的插件。它允许你解析 PSD 文件并提取其中的图层、图像数据等信息。以下是如何在 Flutter 项目中使用 psd_reader 插件的步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 psd_reader 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  psd_reader: ^0.0.1  # 请检查最新版本

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入 psd_reader 插件：

import 'package:psd_reader/psd_reader.dart';

3. 读取 PSD 文件

你可以使用 PsdReader 类来读取 PSD 文件。以下是一个简单的示例，展示如何读取 PSD 文件并获取图层信息：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('PSD Reader Example'),
        ),
        body: Center(
          child: PSDViewer(),
        ),
      ),
    );
  }
}

class PSDViewer extends StatefulWidget {
  @override
  _PSDViewerState createState() => _PSDViewerState();
}

class _PSDViewerState extends State<PSDViewer> {
  List<PsdLayer> layers = [];

  @override
  void initState() {
    super.initState();
    loadPSD();
  }

  Future<void> loadPSD() async {
    final psdData = await rootBundle.load('assets/example.psd');
    final psd = PsdReader.fromBytes(psdData.buffer.asUint8List());

    setState(() {
      layers = psd.layers;
    });
  }

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: layers.length,
      itemBuilder: (context, index) {
        final layer = layers[index];
        return ListTile(
          title: Text(layer.name),
          subtitle: Text('Width: ${layer.width}, Height: ${layer.height}'),
        );
      },
    );
  }
}

4. 添加 PSD 文件到项目

将你的 PSD 文件添加到 assets 文件夹中，并在 pubspec.yaml 文件中声明：

flutter:
  assets:
    - assets/example.psd

5. 运行项目

现在你可以运行你的 Flutter 项目，并查看 PSD 文件的图层信息。

6. 提取图像数据

如果你想提取某个图层的图像数据，可以使用 layer.image 属性。以下是一个简单的示例，展示如何将图层的图像数据显示在 Flutter 中：

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

class LayerImage extends StatelessWidget {
  final PsdLayer layer;

  LayerImage({required this.layer});

  @override
  Widget build(BuildContext context) {
    return Image.memory(
      layer.image!,
      width: layer.width.toDouble(),
      height: layer.height.toDouble(),
    );
  }
}

然后在 ListView.builder 中使用 LayerImage 来显示图层的图像：

ListView.builder(
  itemCount: layers.length,
  itemBuilder: (context, index) {
    final layer = layers[index];
    return Column(
      children: [
        ListTile(
          title: Text(layer.name),
          subtitle: Text('Width: ${layer.width}, Height: ${layer.height}'),
        ),
        if (layer.image != null) LayerImage(layer: layer),
      ],
    );
  },
);