etch_reskin 是一个用于 Flutter 应用的主题更换与皮肤定制的插件。它允许开发者在应用中轻松实现动态主题切换和皮肤定制，而无需手动处理大量的主题配置。以下是如何使用 etch_reskin 插件的基本步骤：

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 etch_reskin 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  etch_reskin: ^1.0.0  # 请使用最新版本

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

2. 初始化 etch_reskin

在你的 main.dart 文件中，初始化 etch_reskin 并设置默认主题：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return EtchReskin(
      defaultTheme: 'light',  // 设置默认主题
      themes: {
        'light': ThemeData.light(),  // 定义浅色主题
        'dark': ThemeData.dark(),    // 定义深色主题
        'custom': ThemeData(         // 定义自定义主题
          primaryColor: Colors.green,
          accentColor: Colors.orange,
        ),
      },
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData.light(),  // 默认主题
        home: MyHomePage(),
      ),
    );
  }
}

3. 切换主题

在你的应用中，你可以通过 EtchReskin.of(context) 来获取当前的 EtchReskin 实例，并调用 setTheme 方法来切换主题：

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

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Theme Switcher'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () {
                EtchReskin.of(context).setTheme('light');
              },
              child: Text('Light Theme'),
            ),
            ElevatedButton(
              onPressed: () {
                EtchReskin.of(context).setTheme('dark');
              },
              child: Text('Dark Theme'),
            ),
            ElevatedButton(
              onPressed: () {
                EtchReskin.of(context).setTheme('custom');
              },
              child: Text('Custom Theme'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 获取当前主题

你可以通过 EtchReskin.of(context).currentTheme 来获取当前应用的主题：

Text('Current Theme: ${EtchReskin.of(context).currentTheme}');

5. 自定义主题配置

你可以在 EtchReskin 的 themes 参数中定义任意数量的自定义主题。每个主题都是一个 ThemeData 对象，可以根据需要配置颜色、字体、形状等。

6. 持久化主题选择

如果你希望在应用重启后保持用户选择的主题，可以将当前主题保存到本地存储中（如 SharedPreferences），并在应用启动时读取并设置主题。

import 'package:flutter/material.dart';
import 'package:etch_reskin/etch_reskin.dart';
import 'package:shared_preferences/shared_preferences.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final prefs = await SharedPreferences.getInstance();
  final savedTheme = prefs.getString('theme') ?? 'light';
  
  runApp(MyApp(savedTheme: savedTheme));
}

class MyApp extends StatelessWidget {
  final String savedTheme;

  MyApp({required this.savedTheme});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return EtchReskin(
      defaultTheme: savedTheme,
      themes: {
        'light': ThemeData.light(),
        'dark': ThemeData.dark(),
        'custom': ThemeData(
          primaryColor: Colors.green,
          accentColor: Colors.orange,
        ),
      },
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData.light(),
        home: MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Theme Switcher'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () async {
                EtchReskin.of(context).setTheme('light');
                final prefs = await SharedPreferences.getInstance();
                prefs.setString('theme', 'light');
              },
              child: Text('Light Theme'),
            ),
            ElevatedButton(
              onPressed: () async {
                EtchReskin.of(context).setTheme('dark');
                final prefs = await SharedPreferences.getInstance();
                prefs.setString('theme', 'dark');
              },
              child: Text('Dark Theme'),
            ),
            ElevatedButton(
              onPressed: () async {
                EtchReskin.of(context).setTheme('custom');
                final prefs = await SharedPreferences.getInstance();
                prefs.setString('theme', 'custom');
              },
              child: Text('Custom Theme'),
            ),
          ],
        ),
      ),
    );
  }
}