Flutter收藏管理插件favoritar的使用

License

详见LICENSE文件，授权方式为MIT。

favoritar

favoritar 是一个用于收藏图标的 Flutter 插件。它可以轻松实现收藏功能，并支持动态更新收藏状态。

Flutter收藏管理插件favoritar的使用步骤

以下是一个完整的示例，展示如何在 Flutter 项目中集成并使用 favoritar 插件。

1. 添加依赖

在项目的 pubspec.yaml 文件中添加 favoritar 依赖：

dependencies:
  favoritar: ^0.1.0

然后运行以下命令以安装依赖：

flutter pub get

2. 初始化插件

在 main.dart 或任意页面中初始化 favoritar 插件：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: FavoriteExample(),
    );
  }
}

3. 创建收藏图标

创建一个按钮，允许用户点击后切换收藏状态。示例如下：

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

class _FavoriteExampleState extends State<FavoriteExample> {
  bool isFavorite = false;

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('收藏管理示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(
              Icons.favorite,
              color: isFavorite ? Colors.red : Colors.grey,
              size: 80,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: toggleFavorite,
              child: Text(isFavorite ? '取消收藏' : '收藏'),
            )
          ],
        ),
      ),
    );
  }
}

4. 集成 favoritar 插件

使用 favoritar 提供的功能来增强收藏逻辑。例如，保存收藏状态到本地存储。

首先，修改 toggleFavorite 方法以调用 favoritar 的 API：

import 'package:favoritar/favoritar.dart';

class _FavoriteExampleState extends State<FavoriteExample> {
  final Favoritar _favoritar = Favoritar(); // 初始化 Favoritar 实例

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

    if (isFavorite) {
      await _favoritar.addFavorite('item1'); // 添加收藏项
      print('已收藏');
    } else {
      await _favoritar.removeFavorite('item1'); // 移除收藏项
      print('已取消收藏');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('收藏管理示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(
              Icons.favorite,
              color: isFavorite ? Colors.red : Colors.grey,
              size: 80,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: toggleFavorite,
              child: Text(isFavorite ? '取消收藏' : '收藏'),
            )
          ],
        ),
      ),
    );
  }
}