- @doc/color.md 가이드라인에 따른 색상 시스템 전면 개편 - 딥 블루(#2563EB), 스카이 블루(#60A5FA) 메인 컬러로 변경 - 모든 화면과 위젯에 글래스모피즘 효과 일관성 있게 적용 - darkNavy, navyGray 등 새로운 텍스트 색상 체계 도입 - 공통 스낵바 및 다이얼로그 컴포넌트 추가 - Claude AI 프로젝트 컨텍스트 파일(CLAUDE.md) 추가 영향받은 컴포넌트: - 10개 스크린 (main, settings, detail, splash 등) - 30개 이상 위젯 (buttons, cards, forms 등) - 테마 시스템 (AppColors, AppTheme) 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
95 lines
3.0 KiB
Dart
95 lines
3.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/foundation.dart' show kIsWeb;
|
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
|
import 'dart:math' as math;
|
|
import '../../controllers/add_subscription_controller.dart';
|
|
|
|
/// 구독 추가 화면의 App Bar
|
|
class AddSubscriptionAppBar extends StatelessWidget implements PreferredSizeWidget {
|
|
final AddSubscriptionController controller;
|
|
final double scrollOffset;
|
|
final VoidCallback onScanSMS;
|
|
|
|
const AddSubscriptionAppBar({
|
|
super.key,
|
|
required this.controller,
|
|
required this.scrollOffset,
|
|
required this.onScanSMS,
|
|
});
|
|
|
|
@override
|
|
Size get preferredSize => const Size.fromHeight(60);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final double appBarOpacity = math.max(0, math.min(1, scrollOffset / 100));
|
|
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withValues(alpha: appBarOpacity),
|
|
boxShadow: appBarOpacity > 0.6
|
|
? [
|
|
BoxShadow(
|
|
color: Colors.black.withValues(alpha: 0.1 * appBarOpacity),
|
|
spreadRadius: 1,
|
|
blurRadius: 8,
|
|
offset: const Offset(0, 4),
|
|
)
|
|
]
|
|
: null,
|
|
),
|
|
child: SafeArea(
|
|
child: AppBar(
|
|
title: Text(
|
|
'구독 추가',
|
|
style: TextStyle(
|
|
fontFamily: 'Montserrat',
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.w800,
|
|
letterSpacing: -0.5,
|
|
color: const Color(0xFF1E293B),
|
|
shadows: appBarOpacity > 0.6
|
|
? [
|
|
Shadow(
|
|
color: Colors.black.withValues(alpha: 0.2),
|
|
offset: const Offset(0, 1),
|
|
blurRadius: 2,
|
|
)
|
|
]
|
|
: null,
|
|
),
|
|
),
|
|
elevation: 0,
|
|
backgroundColor: Colors.transparent,
|
|
actions: [
|
|
if (!kIsWeb)
|
|
controller.isLoading
|
|
? const Padding(
|
|
padding: EdgeInsets.only(right: 16.0),
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 24,
|
|
height: 24,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
valueColor: AlwaysStoppedAnimation<Color>(
|
|
Color(0xFF3B82F6)),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: IconButton(
|
|
icon: const FaIcon(
|
|
FontAwesomeIcons.message,
|
|
size: 20,
|
|
color: Color(0xFF3B82F6),
|
|
),
|
|
onPressed: onScanSMS,
|
|
tooltip: 'SMS에서 구독 정보 스캔',
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
} |