订阅管理应用

一个使用Flutter和Material3设计规范开发的订阅服务管理应用。

功能特性

🏠 首页

• 列表展示：以分类形式展示所有订阅服务
• 月度总支出：显示所有活跃订阅的月度总支出
• 智能FAB：向上滑动时自动隐藏FloatingActionButton
• 下拉刷新：支持下拉刷新数据

➕ 添加订阅

• 分类选择：支持10个预设分类（娱乐、音乐、游戏、云服务等）
• 服务名称：自定义订阅服务名称
• 金额设置：支持多种货币（CNY、USD、EUR、JPY、GBP）
• 支付周期：支持周、月、季度、年四种周期
• 状态管理：可设置订阅为活跃或暂停状态

📊 数据管理

• 本地存储：使用SharedPreferences持久化数据
• 状态管理：使用Provider进行状态管理
• 实时计算：自动计算月度支出和分类统计

技术栈

• Flutter 3.35.3
• Material3设计规范
• Provider状态管理
• SharedPreferences数据持久化

项目结构

lib/
├── main.dart                    # 应用入口
├── models/
│   └── subscription.dart        # 订阅数据模型
├── providers/
│   └── subscription_provider.dart # 状态管理
├── screens/
│   ├── home_screen.dart         # 首页
│   └── add_subscription_screen.dart # 添加订阅页面
└── widgets/
    └── subscription_card.dart   # 订阅卡片组件

运行应用

# 安装依赖
flutter pub get

# 运行应用
flutter run

# 在Chrome中运行
flutter run -d chrome

主要功能演示

1. 添加订阅：点击右下角FAB按钮，填写订阅信息
2. 查看统计：首页顶部显示月度总支出
3. 分类管理：订阅按分类分组显示
4. 状态切换：可暂停或启用订阅
5. 编辑删除：长按订阅卡片可编辑或删除

设计特色

• Material3规范：完全遵循Google Material3设计语言
• 响应式布局：适配不同屏幕尺寸
• 流畅动画：FAB隐藏/显示动画，页面切换动画
• 直观交互：清晰的视觉层次和交互反馈