Flutter动画保存按钮插件animated_saved_button的使用

在Flutter开发中，animated_saved_button 是一个非常实用的插件，可以轻松实现带有动画效果的保存按钮。通过该插件，您可以为您的应用添加一个美观且功能强大的保存按钮，提升用户体验。

示例代码

以下是一个完整的示例代码，展示如何在Flutter项目中使用 animated_saved_button 插件。

步骤 1: 添加依赖

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

dependencies:
  animated_saved_button: ^1.0.0

然后运行以下命令以获取依赖：

flutter pub get

步骤 2: 导入插件

在您的 Dart 文件中导入 animated_saved_button：

import 'package:animated_saved_button/animated_saved_button.dart';

步骤 3: 使用插件

接下来，我们将创建一个简单的页面，并在其中使用 AnimatedSavedButton 小部件。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('动画保存按钮示例'),
        ),
        body: Center(
          child: ExampleFavouriteButton(),
        ),
      ),
    );
  }
}

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

class _ExampleFavouriteButtonState extends State<ExampleFavouriteButton> {
  bool isFavorite = false;

  void toggleFavorite() {
    setState(() {
      isFavorite = !isFavorite;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return AnimatedSavedButton(
      isFavorite: isFavorite,
      onTap: toggleFavorite,
      savedIcon: Icons.favorite,
      unSavedIcon: Icons.favorite_border,
      savedColor: Colors.red,
      unSavedColor: Colors.grey,
      animationDuration: Duration(milliseconds: 500),
      tooltipMessage: isFavorite ? '取消收藏' : '收藏',
    );
  }
}