901 lines
29 KiB
Dart
901 lines
29 KiB
Dart
/// 时间: 2025-03-22
|
||
/// 功能: 诗词页面组件部分
|
||
/// 介绍: 包含诗词卡片、操作按钮、统计信息等组件的独立文件
|
||
/// 最新变化: 重构代码结构，使用工具类简化代码
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:shared_preferences/shared_preferences.dart';
|
||
import '../../../constants/app_constants.dart';
|
||
import '../../../utils/http/poetry_api.dart';
|
||
import '../../../utils/flutter_compatibility_fix.dart';
|
||
import '../../../utils/audio_manager.dart';
|
||
import 'home_components.dart';
|
||
|
||
/// 诗词卡片组件 - 优化版本，防止拉伸和处理文本溢出
|
||
class PoetryCard extends StatefulWidget {
|
||
final PoetryData poetryData;
|
||
final List<String> keywordList;
|
||
final VoidCallback? onTap;
|
||
final Map<String, bool>? sectionLoadingStates;
|
||
|
||
const PoetryCard({
|
||
super.key,
|
||
required this.poetryData,
|
||
required this.keywordList,
|
||
this.onTap,
|
||
this.sectionLoadingStates,
|
||
});
|
||
|
||
@override
|
||
State<PoetryCard> createState() => _PoetryCardState();
|
||
}
|
||
|
||
class _PoetryCardState extends State<PoetryCard> {
|
||
bool _showCopyTip = true;
|
||
bool _showRecommendation = false;
|
||
bool _globalTipsEnabled = true; // 添加全局Tips开关状态
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_loadGlobalTipsSettings(); // 加载全局Tips设置
|
||
}
|
||
|
||
String _getTimeOfDayGreeting() {
|
||
final hour = DateTime.now().hour;
|
||
if (hour >= 5 && hour < 7) {
|
||
return '清晨了，呼吸新鲜空气';
|
||
} else if (hour >= 7 && hour < 9) {
|
||
return '早上好，元气满满';
|
||
} else if (hour >= 9 && hour < 12) {
|
||
return '上午好，努力工作';
|
||
} else if (hour >= 12 && hour < 14) {
|
||
return '中午了，吃顿好的';
|
||
} else if (hour >= 14 && hour < 17) {
|
||
return '下午了，喝杯咖啡';
|
||
} else if (hour >= 17 && hour < 19) {
|
||
return '傍晚了，休息一下';
|
||
} else if (hour >= 19 && hour < 22) {
|
||
return '晚上好，放松身心';
|
||
} else {
|
||
return '深夜了，注意身体';
|
||
}
|
||
}
|
||
|
||
String _getRecommendation() {
|
||
final hour = DateTime.now().hour;
|
||
if (hour >= 5 && hour < 7) {
|
||
return '推荐：山水田园诗';
|
||
} else if (hour >= 7 && hour < 9) {
|
||
return '推荐：励志诗词';
|
||
} else if (hour >= 9 && hour < 12) {
|
||
return '推荐：送别诗';
|
||
} else if (hour >= 12 && hour < 14) {
|
||
return '推荐：思乡诗';
|
||
} else if (hour >= 14 && hour < 17) {
|
||
return '推荐：咏史诗';
|
||
} else if (hour >= 17 && hour < 19) {
|
||
return '推荐：边塞诗';
|
||
} else if (hour >= 19 && hour < 22) {
|
||
return '推荐：爱情诗';
|
||
} else {
|
||
return '推荐：婉约词';
|
||
}
|
||
}
|
||
|
||
// 加载全局Tips设置
|
||
Future<void> _loadGlobalTipsSettings() async {
|
||
try {
|
||
final prefs = await SharedPreferences.getInstance();
|
||
if (mounted) {
|
||
setState(() {
|
||
_globalTipsEnabled = prefs.getBool('global_tips_enabled') ?? true;
|
||
});
|
||
}
|
||
} catch (e) {
|
||
// 如果加载失败，默认开启
|
||
if (mounted) {
|
||
setState(() {
|
||
_globalTipsEnabled = true;
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: () async {
|
||
// 播放点击音效
|
||
await AudioManager().playClickSound();
|
||
// 调用原始的onTap回调
|
||
widget.onTap?.call();
|
||
},
|
||
child: Stack(
|
||
children: [
|
||
Container(
|
||
margin: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(16),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withAlpha(10),
|
||
blurRadius: 10,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
_buildTimeBar(),
|
||
Padding(
|
||
padding: const EdgeInsets.all(20),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
_buildTitleSection(),
|
||
if (widget.poetryData.drtime.isNotEmpty) ...[
|
||
_buildContentSection(context),
|
||
const SizedBox(height: 16),
|
||
],
|
||
_buildNameSection(),
|
||
const SizedBox(height: 12),
|
||
if (widget.keywordList.isNotEmpty) ...[
|
||
_buildKeywordSection(),
|
||
const SizedBox(height: 16),
|
||
],
|
||
if (widget.poetryData.introduce.isNotEmpty) ...[
|
||
_buildIntroductionSection(context),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
if (_showCopyTip) _buildCopyTip(),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildTimeBar() {
|
||
return GestureDetector(
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: () {
|
||
setState(() {
|
||
_showRecommendation = !_showRecommendation;
|
||
});
|
||
},
|
||
child: Container(
|
||
width: double.infinity,
|
||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
colors: [
|
||
AppConstants.primaryColor.withAlpha(204),
|
||
AppConstants.primaryColor,
|
||
],
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
),
|
||
borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Icon(
|
||
_showRecommendation ? Icons.lightbulb : Icons.wb_sunny,
|
||
color: Colors.white,
|
||
size: 20,
|
||
),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Text(
|
||
_showRecommendation
|
||
? _getRecommendation()
|
||
: _getTimeOfDayGreeting(),
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
maxLines: 1,
|
||
),
|
||
),
|
||
Icon(
|
||
_showRecommendation ? Icons.expand_less : Icons.expand_more,
|
||
color: Colors.white70,
|
||
size: 20,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildCopyTip() {
|
||
return Positioned(
|
||
top: 56,
|
||
right: 24,
|
||
child: GestureDetector(
|
||
onTap: () => setState(() => _showCopyTip = false),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
color: AppConstants.primaryColor,
|
||
borderRadius: BorderRadius.circular(16),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: AppConstants.primaryColor.withAlpha(76),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
const Icon(Icons.info_outline, color: Colors.white, size: 16),
|
||
const SizedBox(width: 6),
|
||
Text(
|
||
_globalTipsEnabled ? '点击任意区域加载下一条，长按复制，下拉刷新' : '',
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 12,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
const SizedBox(width: 4),
|
||
const Icon(Icons.close, color: Colors.white, size: 14),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildTitleSection() {
|
||
final isLoading = widget.sectionLoadingStates?['title'] ?? false;
|
||
|
||
return SizedBox(
|
||
height: 28,
|
||
child: Row(
|
||
children: [
|
||
Expanded(
|
||
child: Builder(
|
||
builder: (context) => GestureDetector(
|
||
onLongPress: () => CopyUtils.showCopyDialog(
|
||
context,
|
||
widget.poetryData.url,
|
||
'诗人和标题',
|
||
),
|
||
child: isLoading
|
||
? Row(
|
||
children: [
|
||
SizedBox(
|
||
width: 16,
|
||
height: 16,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(
|
||
AppConstants.primaryColor,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
'出处加载中...',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.grey[600],
|
||
fontStyle: FontStyle.italic,
|
||
),
|
||
),
|
||
],
|
||
)
|
||
: Text(
|
||
"出处： ${widget.poetryData.url}",
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.normal,
|
||
color: Colors.black,
|
||
fontStyle: FontStyle.italic,
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
maxLines: 1,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildNameSection() {
|
||
final isLoading = widget.sectionLoadingStates?['name'] ?? false;
|
||
|
||
return Container(
|
||
width: double.infinity,
|
||
padding: const EdgeInsets.all(16),
|
||
margin: const EdgeInsets.only(bottom: 8),
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
colors: [
|
||
AppConstants.primaryColor.withAlpha(26),
|
||
AppConstants.primaryColor.withAlpha(13),
|
||
],
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
),
|
||
borderRadius: BorderRadius.circular(12),
|
||
border: Border.all(
|
||
color: AppConstants.primaryColor.withAlpha(51),
|
||
width: 1,
|
||
),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: AppConstants.primaryColor.withAlpha(26),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Icon(
|
||
Icons.format_quote,
|
||
color: AppConstants.primaryColor,
|
||
size: 20,
|
||
),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Text(
|
||
'精选诗句',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
fontWeight: FontWeight.w500,
|
||
color: AppConstants.primaryColor,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 8),
|
||
GestureDetector(
|
||
onLongPress: () =>
|
||
CopyUtils.showCopyDialog(context, widget.poetryData.name, '诗词'),
|
||
child: isLoading
|
||
? Center(
|
||
child: Column(
|
||
children: [
|
||
SizedBox(
|
||
width: 20,
|
||
height: 20,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(
|
||
AppConstants.primaryColor,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'诗句加载中...',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.grey[600],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
)
|
||
: Text(
|
||
widget.poetryData.name,
|
||
style: const TextStyle(
|
||
fontSize: 22,
|
||
fontWeight: FontWeight.bold,
|
||
color: Colors.black87,
|
||
height: 1.4,
|
||
),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildKeywordSection() {
|
||
final isLoading = widget.sectionLoadingStates?['keywords'] ?? false;
|
||
|
||
return Column(
|
||
children: [
|
||
// 第一行：关键词和朝代（左边）vs 星星和点赞（右边）
|
||
Row(
|
||
children: [
|
||
// 左边：关键词和朝代
|
||
Expanded(
|
||
child: isLoading
|
||
? Center(
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
SizedBox(
|
||
width: 16,
|
||
height: 16,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(
|
||
AppConstants.primaryColor,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
'关键词加载中...',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: Colors.grey[600],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
)
|
||
: Wrap(
|
||
spacing: 8,
|
||
runSpacing: 4,
|
||
children: [
|
||
if (widget.keywordList.isNotEmpty)
|
||
...widget.keywordList
|
||
.map(
|
||
(keyword) => Builder(
|
||
builder: (context) => GestureDetector(
|
||
onLongPress: () => CopyUtils.showCopyDialog(
|
||
context,
|
||
keyword,
|
||
'关键词',
|
||
),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: 8,
|
||
vertical: 4,
|
||
),
|
||
decoration: BoxDecoration(
|
||
color: AppConstants.secondaryColor
|
||
.withAlpha(26),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
child: Text(
|
||
keyword,
|
||
style: TextStyle(
|
||
color: AppConstants.secondaryColor,
|
||
fontSize: 12,
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
maxLines: 1,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
)
|
||
.toList(),
|
||
if (widget.poetryData.alias.isNotEmpty)
|
||
Builder(
|
||
builder: (context) => GestureDetector(
|
||
onLongPress: () => CopyUtils.showCopyDialog(
|
||
context,
|
||
widget.poetryData.alias,
|
||
'朝代',
|
||
),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: 12,
|
||
vertical: 4,
|
||
),
|
||
decoration: BoxDecoration(
|
||
color: AppConstants.primaryColor.withAlpha(
|
||
26,
|
||
),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Text(
|
||
widget.poetryData.alias,
|
||
style: TextStyle(
|
||
color: AppConstants.primaryColor,
|
||
fontSize: 12,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
maxLines: 1,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
// 右边：星星和点赞
|
||
if (!isLoading &&
|
||
(widget.poetryData.star != null ||
|
||
widget.poetryData.like != null ||
|
||
widget.poetryData.hitsTotal != null))
|
||
Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
if (widget.poetryData.star != null) ...[
|
||
Text(
|
||
PoetryDataUtils.generateStars(widget.poetryData.star),
|
||
style: const TextStyle(fontSize: 14),
|
||
),
|
||
const SizedBox(width: 4),
|
||
],
|
||
if (widget.poetryData.like != null) ...[
|
||
Text(
|
||
PoetryDataUtils.generateLikeText(widget.poetryData.like),
|
||
style: const TextStyle(fontSize: 12, color: Colors.grey),
|
||
),
|
||
],
|
||
if (widget.poetryData.hitsTotal != null) ...[
|
||
Text(
|
||
PoetryDataUtils.generateViewText(
|
||
widget.poetryData.hitsTotal,
|
||
),
|
||
style: const TextStyle(fontSize: 12, color: Colors.grey),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
],
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildContentSection(BuildContext context) {
|
||
final isLoading = widget.sectionLoadingStates?['content'] ?? false;
|
||
|
||
return GestureDetector(
|
||
onLongPress: () =>
|
||
CopyUtils.showCopyDialog(context, widget.poetryData.drtime, '原文'),
|
||
child: Container(
|
||
width: double.infinity,
|
||
constraints: const BoxConstraints(maxHeight: 200),
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFFF8F8F8),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: isLoading
|
||
? Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
SizedBox(
|
||
width: 20,
|
||
height: 20,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(
|
||
AppConstants.primaryColor,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'原文加载中...',
|
||
style: TextStyle(fontSize: 14, color: Colors.grey[600]),
|
||
),
|
||
],
|
||
),
|
||
)
|
||
: SingleChildScrollView(
|
||
child: Text(
|
||
widget.poetryData.drtime,
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
height: 1.6,
|
||
color: Colors.black87,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildIntroductionSection(BuildContext context) {
|
||
final isLoading = widget.sectionLoadingStates?['introduction'] ?? false;
|
||
|
||
return Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Text(
|
||
'译文',
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.bold,
|
||
color: AppConstants.primaryColor,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
GestureDetector(
|
||
onLongPress: () => CopyUtils.showCopyDialog(
|
||
context,
|
||
widget.poetryData.introduce,
|
||
'译文',
|
||
),
|
||
child: Container(
|
||
width: double.infinity,
|
||
constraints: const BoxConstraints(maxHeight: 150),
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: AppConstants.infoColor.withAlpha(13),
|
||
borderRadius: BorderRadius.circular(12),
|
||
border: Border.all(color: AppConstants.infoColor.withAlpha(51)),
|
||
),
|
||
child: isLoading
|
||
? Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
SizedBox(
|
||
width: 20,
|
||
height: 20,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(
|
||
AppConstants.primaryColor,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'译文加载中...',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.grey[600],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
)
|
||
: SingleChildScrollView(
|
||
child: Text(
|
||
widget.poetryData.introduce,
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
height: 1.6,
|
||
color: Colors.black87,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|
||
|
||
/// 悬浮上一条按钮组件
|
||
class FloatingPreviousButton extends StatelessWidget {
|
||
final VoidCallback onPrevious;
|
||
|
||
const FloatingPreviousButton({super.key, required this.onPrevious});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Tooltip(
|
||
message: 'beta功能',
|
||
child: Container(
|
||
width: 56,
|
||
height: 56,
|
||
decoration: BoxDecoration(
|
||
color: AppConstants.secondaryColor,
|
||
shape: BoxShape.circle,
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: AppConstants.secondaryColor.withAlpha(76),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 4),
|
||
),
|
||
],
|
||
),
|
||
child: Material(
|
||
color: Colors.transparent,
|
||
child: InkWell(
|
||
borderRadius: BorderRadius.circular(28),
|
||
onTap: () {
|
||
HapticFeedback.lightImpact();
|
||
onPrevious();
|
||
},
|
||
child: const Center(
|
||
child: Icon(Icons.arrow_back, color: Colors.white, size: 28),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
/// 悬浮下一条按钮组件
|
||
class FloatingNextButton extends StatelessWidget {
|
||
final VoidCallback onNext;
|
||
|
||
const FloatingNextButton({super.key, required this.onNext});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
width: 56,
|
||
height: 56,
|
||
decoration: BoxDecoration(
|
||
color: AppConstants.primaryColor,
|
||
shape: BoxShape.circle,
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: AppConstants.primaryColor.withAlpha(76),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 4),
|
||
),
|
||
],
|
||
),
|
||
child: Material(
|
||
color: Colors.transparent,
|
||
child: InkWell(
|
||
borderRadius: BorderRadius.circular(28),
|
||
onTap: () {
|
||
HapticFeedback.lightImpact();
|
||
onNext();
|
||
},
|
||
child: const Center(
|
||
child: Icon(Icons.arrow_forward, color: Colors.white, size: 28),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
/// 悬浮点赞按钮组件
|
||
class FloatingLikeButton extends StatelessWidget {
|
||
final bool isLiked;
|
||
final bool isLoadingLike;
|
||
final VoidCallback onToggleLike;
|
||
|
||
const FloatingLikeButton({
|
||
super.key,
|
||
required this.isLiked,
|
||
required this.isLoadingLike,
|
||
required this.onToggleLike,
|
||
});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
width: 56,
|
||
height: 56,
|
||
decoration: BoxDecoration(
|
||
color: isLiked ? AppConstants.errorColor : AppConstants.primaryColor,
|
||
shape: BoxShape.circle,
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color:
|
||
(isLiked ? AppConstants.errorColor : AppConstants.primaryColor)
|
||
.withAlpha(76),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 4),
|
||
),
|
||
],
|
||
),
|
||
child: Material(
|
||
color: Colors.transparent,
|
||
child: InkWell(
|
||
borderRadius: BorderRadius.circular(28),
|
||
onTap: isLoadingLike
|
||
? null
|
||
: () {
|
||
HapticFeedback.mediumImpact();
|
||
onToggleLike();
|
||
},
|
||
child: Center(
|
||
child: isLoadingLike
|
||
? const SizedBox(
|
||
width: 24,
|
||
height: 24,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(Colors.white70),
|
||
),
|
||
)
|
||
: Icon(
|
||
isLiked ? Icons.favorite : Icons.favorite_border,
|
||
color: Colors.white,
|
||
size: 28,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
/// 统计信息卡片组件
|
||
class StatsCard extends StatelessWidget {
|
||
final PoetryData poetryData;
|
||
|
||
const StatsCard({super.key, required this.poetryData});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
margin: const EdgeInsets.symmetric(horizontal: 16),
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(12),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withAlpha(5),
|
||
blurRadius: 5,
|
||
offset: const Offset(0, 1),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Text(
|
||
'统计信息',
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.bold,
|
||
color: AppConstants.primaryColor,
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
children: [
|
||
_buildStatItem('今日', poetryData.hitsDay.toString()),
|
||
const SizedBox(width: 20),
|
||
_buildStatItem('本月', poetryData.hitsMonth.toString()),
|
||
const SizedBox(width: 20),
|
||
_buildStatItem('总计', poetryData.hitsTotal.toString()),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildStatItem(String label, String value) {
|
||
return Expanded(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Text(
|
||
value,
|
||
style: const TextStyle(
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold,
|
||
color: Colors.black87,
|
||
),
|
||
),
|
||
const SizedBox(height: 4),
|
||
Text(label, style: const TextStyle(fontSize: 12, color: Colors.grey)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|