Files
submanager/lib/screens/analysis_screen.dart
JiWoong Sul 4731288622 Major UI/UX and architecture improvements
- Implemented new navigation system with NavigationProvider and route management
- Added adaptive theme system with ThemeProvider for better theme handling
- Introduced glassmorphism design elements (app bars, scaffolds, cards)
- Added advanced animations (spring animations, page transitions, staggered lists)
- Implemented performance optimizations (memory manager, lazy loading)
- Refactored Analysis screen into modular components
- Added floating navigation bar with haptic feedback
- Improved subscription cards with swipe actions
- Enhanced skeleton loading with better animations
- Added cached network image support
- Improved overall app architecture and code organization

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-10 18:36:57 +09:00

157 lines
4.4 KiB
Dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/subscription_provider.dart';
import '../widgets/glassmorphic_app_bar.dart';
import '../widgets/native_ad_widget.dart';
import '../widgets/analysis/analysis_screen_spacer.dart';
import '../widgets/analysis/subscription_pie_chart_card.dart';
import '../widgets/analysis/total_expense_summary_card.dart';
import '../widgets/analysis/monthly_expense_chart_card.dart';
import '../widgets/analysis/event_analysis_card.dart';
class AnalysisScreen extends StatefulWidget {
const AnalysisScreen({super.key});
@override
State<AnalysisScreen> createState() => _AnalysisScreenState();
}
class _AnalysisScreenState extends State<AnalysisScreen>
with TickerProviderStateMixin {
late AnimationController _animationController;
late ScrollController _scrollController;
double _totalExpense = 0;
List<Map<String, dynamic>> _monthlyData = [];
int _touchedIndex = -1;
bool _isLoading = true;
@override
void initState() {
super.initState();
_animationController = AnimationController(
duration: const Duration(milliseconds: 1500),
vsync: this,
);
_scrollController = ScrollController();
_loadData();
}
@override
void dispose() {
_animationController.dispose();
_scrollController.dispose();
super.dispose();
}
Future<void> _loadData() async {
setState(() {
_isLoading = true;
});
final provider = Provider.of<SubscriptionProvider>(context, listen: false);
// 총 지출 계산
_totalExpense = await provider.calculateTotalExpense();
// 월별 데이터 계산
_monthlyData = await provider.getMonthlyExpenseData();
setState(() {
_isLoading = false;
});
// 데이터 로드 완료 후 애니메이션 시작
_animationController.forward();
}
Widget _buildAnimatedAd() {
return FadeTransition(
opacity: CurvedAnimation(
parent: _animationController,
curve: const Interval(0.0, 0.5, curve: Curves.easeOut),
),
child: SlideTransition(
position: Tween<Offset>(
begin: const Offset(0, 0.2),
end: Offset.zero,
).animate(CurvedAnimation(
parent: _animationController,
curve: const Interval(0.0, 0.5, curve: Curves.easeOut),
)),
child: const NativeAdWidget(key: ValueKey('analysis_ad')),
),
);
}
@override
Widget build(BuildContext context) {
return Consumer<SubscriptionProvider>(
builder: (context, provider, child) {
final subscriptions = provider.subscriptions;
if (_isLoading) {
return const Center(
child: CircularProgressIndicator(),
);
}
return CustomScrollView(
controller: _scrollController,
physics: const BouncingScrollPhysics(),
slivers: <Widget>[
const GlassmorphicSliverAppBar(
title: '분석',
pinned: true,
expandedHeight: kToolbarHeight,
),
// 네이티브 광고 위젯
SliverToBoxAdapter(
child: Padding(
padding: const EdgeInsets.all(16),
child: _buildAnimatedAd(),
),
),
const AnalysisScreenSpacer(),
// 1. 구독 비율 파이 차트
SubscriptionPieChartCard(
subscriptions: subscriptions,
animationController: _animationController,
touchedIndex: _touchedIndex,
onPieTouch: (index) => setState(() => _touchedIndex = index),
),
const AnalysisScreenSpacer(),
// 2. 총 지출 요약 카드
TotalExpenseSummaryCard(
subscriptions: subscriptions,
totalExpense: _totalExpense,
animationController: _animationController,
),
const AnalysisScreenSpacer(),
// 3. 월별 지출 차트
MonthlyExpenseChartCard(
monthlyData: _monthlyData,
animationController: _animationController,
),
const AnalysisScreenSpacer(),
// 4. 이벤트 분석
EventAnalysisCard(
animationController: _animationController,
),
const AnalysisScreenSpacer(height: 32),
],
);
},
);
}
}