Flutter主题管理插件trash_themes的使用

功能 #

本插件允许开发者在Flutter应用中轻松地管理和切换不同的主题。

开始使用 #

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

dependencies:
  flutter:
    sdk: flutter
  trash_themes: ^1.0.0

然后，运行flutter pub get以获取并安装该插件。

使用方法 #

以下是一个简单的示例，展示如何使用trash_themes插件来管理主题。

初始化TrashThemes

首先，在你的应用启动时初始化TrashThemes插件。这通常在main.dart文件中的runApp之前完成。

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

void main() {
  // 初始化TrashThemes
  TrashThemes.init();
  runApp(MyApp());
}

定义主题

定义你想要使用的主题。这里我们定义了两个主题：亮色主题和暗色主题。

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return TrashThemes(
      lightTheme: ThemeData(
        primarySwatch: Colors.blue,
        brightness: Brightness.light,
      ),
      darkTheme: ThemeData(
        primarySwatch: Colors.blue,
        brightness: Brightness.dark,
      ),
      child: MaterialApp(
        title: 'Trash Themes Demo',
        themeMode: ThemeMode.system, // 使用系统默认的主题模式
        home: MyHomePage(),
      ),
    );
  }
}

切换主题

你可以通过调用TrashThemes.of(context).setTheme()方法来切换主题。这里我们在MyHomePage中添加一个按钮来切换主题。

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

class _MyHomePageState extends State<MyHomePage> {
  bool isDark = false;

  void toggleTheme() {
    setState(() {
      isDark = !isDark;
      if (isDark) {
        TrashThemes.of(context).setTheme(ThemeMode.dark);
      } else {
        TrashThemes.of(context).setTheme(ThemeMode.light);
      }
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Trash Themes Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: toggleTheme,
          child: Text('切换主题'),
        ),
      ),
    );
  }
}

完整示例代码

以下是完整的示例代码：

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

void main() {
  TrashThemes.init(); // 初始化TrashThemes
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return TrashThemes(
      lightTheme: ThemeData(
        primarySwatch: Colors.blue,
        brightness: Brightness.light,
      ),
      darkTheme: ThemeData(
        primarySwatch: Colors.blue,
        brightness: Brightness.dark,
      ),
      child: MaterialApp(
        title: 'Trash Themes Demo',
        themeMode: ThemeMode.system, // 使用系统默认的主题模式
        home: MyHomePage(),
      ),
    );
  }
}

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

class _MyHomePageState extends State<MyHomePage> {
  bool isDark = false;

  void toggleTheme() {
    setState(() {
      isDark = !isDark;
      if (isDark) {
        TrashThemes.of(context).setTheme(ThemeMode.dark);
      } else {
        TrashThemes.of(context).setTheme(ThemeMode.light);
      }
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Trash Themes Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: toggleTheme,
          child: Text('切换主题'),
        ),
      ),
    );
  }
}