1230 lines
38 KiB
Dart
1230 lines
38 KiB
Dart
/// 时间: 2026-04-09
|
||
/// 功能: 情景推荐页面
|
||
/// 介绍: 展示今日诗词SDK的详细信息，包括诗词内容、环境信息等
|
||
/// 最新变化: 2026-04-09 添加骨架屏、分享功能
|
||
|
||
import 'dart:convert';
|
||
import 'dart:io';
|
||
import 'dart:ui' as ui;
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter/rendering.dart';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:path_provider/path_provider.dart';
|
||
import 'package:share_plus/share_plus.dart';
|
||
import '../../../services/get/theme_controller.dart';
|
||
import '../../../services/jinrishici_service.dart';
|
||
import '../../../services/network_listener_service.dart';
|
||
import '../../../models/colors/app_colors.dart';
|
||
import '../../../controllers/history_controller.dart';
|
||
import './skeleton_widgets.dart';
|
||
|
||
class PrePage extends StatefulWidget {
|
||
const PrePage({super.key});
|
||
|
||
@override
|
||
State<PrePage> createState() => _PrePageState();
|
||
}
|
||
|
||
class _PrePageState extends State<PrePage> with SingleTickerProviderStateMixin {
|
||
final ThemeController _themeController = Get.find<ThemeController>();
|
||
final JinrishiciService _jinrishiciService = JinrishiciService();
|
||
final GlobalKey _repaintKey = GlobalKey();
|
||
late AnimationController _fadeController;
|
||
late Animation<double> _fadeAnimation;
|
||
|
||
Map<String, dynamic>? _poetryData;
|
||
Map<String, dynamic>? _userInfo;
|
||
bool _isLoading = false;
|
||
String? _errorMessage;
|
||
bool _isMetadataExpanded = false;
|
||
bool _isRefreshLocked = false;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_fadeController = AnimationController(
|
||
duration: const Duration(milliseconds: 500),
|
||
vsync: this,
|
||
);
|
||
_fadeAnimation = CurvedAnimation(
|
||
parent: _fadeController,
|
||
curve: Curves.easeIn,
|
||
);
|
||
_fadeController.forward();
|
||
_loadData();
|
||
}
|
||
|
||
Future<void> _loadData() async {
|
||
if (_isRefreshLocked) return;
|
||
|
||
setState(() {
|
||
_isLoading = true;
|
||
_errorMessage = null;
|
||
_isRefreshLocked = true;
|
||
});
|
||
|
||
try {
|
||
final poetry = await _jinrishiciService.getTodayPoetry();
|
||
setState(() {
|
||
_poetryData = poetry;
|
||
_isLoading = false;
|
||
});
|
||
|
||
try {
|
||
final userInfo = await _jinrishiciService.getUserInfo();
|
||
setState(() {
|
||
_userInfo = userInfo;
|
||
});
|
||
} catch (e) {
|
||
print('加载用户信息失败: $e');
|
||
}
|
||
} catch (e) {
|
||
setState(() {
|
||
_errorMessage = e.toString();
|
||
_isLoading = false;
|
||
});
|
||
}
|
||
|
||
Future.delayed(const Duration(seconds: 2), () {
|
||
if (mounted) {
|
||
setState(() {
|
||
_isRefreshLocked = false;
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
Future<void> _captureAndShare() async {
|
||
try {
|
||
Get.snackbar('提示', '正在生成图片...');
|
||
|
||
await Future.delayed(const Duration(milliseconds: 100));
|
||
|
||
if (!mounted) return;
|
||
|
||
final boundary =
|
||
_repaintKey.currentContext?.findRenderObject()
|
||
as RenderRepaintBoundary?;
|
||
if (boundary == null) {
|
||
Get.snackbar('错误', '生成图片失败');
|
||
return;
|
||
}
|
||
|
||
if (boundary.debugNeedsPaint) {
|
||
await Future.delayed(const Duration(milliseconds: 100));
|
||
}
|
||
|
||
final image = await boundary.toImage(pixelRatio: 3.0);
|
||
final byteData = await image.toByteData(format: ui.ImageByteFormat.png);
|
||
if (byteData == null) {
|
||
Get.snackbar('错误', '生成图片失败');
|
||
return;
|
||
}
|
||
|
||
final pngBytes = byteData.buffer.asUint8List();
|
||
final directory = await getTemporaryDirectory();
|
||
final file = File(
|
||
'${directory.path}/poetry_${DateTime.now().millisecondsSinceEpoch}.png',
|
||
);
|
||
await file.writeAsBytes(pngBytes);
|
||
|
||
final result = await Share.shareXFiles(
|
||
[XFile(file.path)],
|
||
subject: '情景诗词分享',
|
||
text: '来自情景诗词App的分享',
|
||
);
|
||
|
||
if (result.status == ShareResultStatus.success) {
|
||
Get.snackbar('成功', '分享成功');
|
||
} else if (result.status == ShareResultStatus.dismissed) {
|
||
Get.snackbar('提示', '分享已取消');
|
||
}
|
||
|
||
if (await file.exists()) {
|
||
await file.delete();
|
||
}
|
||
} catch (e) {
|
||
print('分享失败: $e');
|
||
Get.snackbar('错误', '分享失败: $e');
|
||
}
|
||
}
|
||
|
||
Future<void> _createNoteFromPoetry() async {
|
||
if (_poetryData == null) {
|
||
Get.snackbar('提示', '暂无诗词数据');
|
||
return;
|
||
}
|
||
|
||
try {
|
||
final data = _poetryData!['data'] as Map<String, dynamic>?;
|
||
final origin = data?['origin'] as Map<String, dynamic>?;
|
||
|
||
final title = origin?['title']?.toString() ?? '情景诗词笔记';
|
||
final category = '情景诗词';
|
||
final contentBuffer = StringBuffer();
|
||
|
||
if (origin != null) {
|
||
if (origin['title'] != null) {
|
||
contentBuffer.writeln('标题：${origin['title']}');
|
||
}
|
||
if (origin['dynasty'] != null) {
|
||
contentBuffer.writeln('朝代：${origin['dynasty']}');
|
||
}
|
||
if (origin['author'] != null) {
|
||
contentBuffer.writeln('作者：${origin['author']}');
|
||
}
|
||
if (data?['content'] != null) {
|
||
contentBuffer.writeln('诗句：${data!['content']}');
|
||
}
|
||
if (origin['content'] != null) {
|
||
final fullContent = (origin['content'] as List)
|
||
.map((e) => e.toString())
|
||
.join('\n');
|
||
contentBuffer.writeln('全文：\n$fullContent');
|
||
}
|
||
if (origin['translate'] != null) {
|
||
final translate = (origin['translate'] as List)
|
||
.map((e) => e.toString())
|
||
.join('\n');
|
||
contentBuffer.writeln('译文：\n$translate');
|
||
}
|
||
}
|
||
|
||
final noteId = await HistoryController.saveNote(
|
||
title: title,
|
||
content: contentBuffer.toString().trim(),
|
||
category: category,
|
||
);
|
||
|
||
if (noteId != null) {
|
||
NetworkListenerService().sendSuccessEvent(
|
||
NetworkEventType.noteUpdate,
|
||
data: noteId,
|
||
);
|
||
Get.snackbar(
|
||
'成功',
|
||
'已创建笔记',
|
||
snackPosition: SnackPosition.BOTTOM,
|
||
colorText: _themeController.currentThemeColor,
|
||
);
|
||
}
|
||
} catch (e) {
|
||
Get.snackbar(
|
||
'错误',
|
||
'创建笔记失败: $e',
|
||
snackPosition: SnackPosition.BOTTOM,
|
||
colorText: _themeController.currentThemeColor,
|
||
);
|
||
}
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_fadeController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Obx(() {
|
||
final isDark = _themeController.isDarkMode;
|
||
final primaryColor = _themeController.currentThemeColor;
|
||
|
||
return Scaffold(
|
||
backgroundColor: isDark ? const Color(0xFF1A1A1A) : Colors.grey[50],
|
||
appBar: AppBar(
|
||
title: Text(
|
||
'情景推荐',
|
||
style: TextStyle(
|
||
fontWeight: FontWeight.bold,
|
||
fontSize: 17,
|
||
color: primaryColor,
|
||
),
|
||
),
|
||
backgroundColor: isDark ? const Color(0xFF2A2A2A) : Colors.white,
|
||
foregroundColor: primaryColor,
|
||
elevation: 0,
|
||
centerTitle: true,
|
||
actions: [
|
||
GestureDetector(
|
||
onTap: _isRefreshLocked ? null : _loadData,
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12),
|
||
child: Row(
|
||
children: [
|
||
if (_isLoading)
|
||
SizedBox(
|
||
width: 18,
|
||
height: 18,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(
|
||
isDark ? Colors.grey[500]! : Colors.grey[400]!,
|
||
),
|
||
),
|
||
)
|
||
else
|
||
Icon(
|
||
Icons.refresh,
|
||
color: _isRefreshLocked
|
||
? (isDark ? Colors.grey[500] : Colors.grey[400])
|
||
: primaryColor,
|
||
size: 20,
|
||
),
|
||
const SizedBox(width: 4),
|
||
Text(
|
||
'刷新',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: _isRefreshLocked
|
||
? (isDark ? Colors.grey[500] : Colors.grey[400])
|
||
: primaryColor,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
body: FadeTransition(
|
||
opacity: _fadeAnimation,
|
||
child: _buildBody(isDark, primaryColor),
|
||
),
|
||
);
|
||
});
|
||
}
|
||
|
||
Widget _buildBody(bool isDark, Color primaryColor) {
|
||
if (_isLoading && _poetryData == null) {
|
||
return _buildSkeletonBody(isDark, primaryColor);
|
||
}
|
||
|
||
if (_errorMessage != null && _poetryData == null) {
|
||
return Center(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(32),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.error_outline, size: 64, color: Colors.red[400]),
|
||
const SizedBox(height: 16),
|
||
Text(
|
||
'加载失败',
|
||
style: TextStyle(
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
_errorMessage!,
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: isDark ? Colors.grey[400] : Colors.grey[600],
|
||
),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
const SizedBox(height: 24),
|
||
ElevatedButton.icon(
|
||
onPressed: _loadData,
|
||
icon: const Icon(Icons.refresh),
|
||
label: const Text('重试'),
|
||
style: ElevatedButton.styleFrom(
|
||
backgroundColor: primaryColor,
|
||
foregroundColor: Colors.white,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
return ListView(
|
||
padding: const EdgeInsets.all(16),
|
||
children: [
|
||
RepaintBoundary(
|
||
key: _repaintKey,
|
||
child: _buildPoetryCard(isDark, primaryColor),
|
||
),
|
||
if (_userInfo != null) ...[
|
||
const SizedBox(height: 16),
|
||
_buildUserInfoCard(isDark, primaryColor),
|
||
],
|
||
const SizedBox(height: 100),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildSkeletonBody(bool isDark, Color primaryColor) {
|
||
final baseColor = isDark ? const Color(0xFF3A3A3A) : Colors.grey[300];
|
||
final highlightColor = isDark ? const Color(0xFF4A4A4A) : Colors.grey[100];
|
||
|
||
return ListView(
|
||
padding: const EdgeInsets.all(16),
|
||
children: [
|
||
Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
color: isDark ? const Color(0xFF2A2A2A) : Colors.white,
|
||
borderRadius: BorderRadius.circular(16),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withAlpha(isDark ? 40 : 10),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
SkeletonContainer(
|
||
width: 40,
|
||
height: 40,
|
||
borderRadius: 12,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
const SizedBox(width: 12),
|
||
SkeletonContainer(
|
||
width: 100,
|
||
height: 20,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
SkeletonContainer(
|
||
width: 180,
|
||
height: 24,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
const SizedBox(height: 12),
|
||
SkeletonContainer(
|
||
width: 120,
|
||
height: 16,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
const SizedBox(height: 16),
|
||
Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: isDark ? const Color(0xFF1A1A1A) : Colors.grey[100],
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Column(
|
||
children: [
|
||
SkeletonContainer(
|
||
width: double.infinity,
|
||
height: 20,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
const SizedBox(height: 8),
|
||
SkeletonContainer(
|
||
width: double.infinity,
|
||
height: 20,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
const SizedBox(height: 8),
|
||
SkeletonContainer(
|
||
width: 150,
|
||
height: 20,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
Wrap(
|
||
spacing: 8,
|
||
runSpacing: 8,
|
||
children: [
|
||
SkeletonContainer(
|
||
width: 60,
|
||
height: 24,
|
||
borderRadius: 12,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
SkeletonContainer(
|
||
width: 80,
|
||
height: 24,
|
||
borderRadius: 12,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
SkeletonContainer(
|
||
width: 70,
|
||
height: 24,
|
||
borderRadius: 12,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
color: isDark ? const Color(0xFF2A2A2A) : Colors.white,
|
||
borderRadius: BorderRadius.circular(16),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withAlpha(isDark ? 40 : 10),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
SkeletonContainer(
|
||
width: 40,
|
||
height: 40,
|
||
borderRadius: 12,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
const SizedBox(width: 12),
|
||
SkeletonContainer(
|
||
width: 80,
|
||
height: 20,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
SkeletonContainer(
|
||
width: double.infinity,
|
||
height: 16,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
const SizedBox(height: 8),
|
||
SkeletonContainer(
|
||
width: double.infinity,
|
||
height: 16,
|
||
borderRadius: 4,
|
||
baseColor: baseColor,
|
||
highlightColor: highlightColor,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildPoetryCard(bool isDark, Color primaryColor) {
|
||
if (_poetryData == null) {
|
||
return _buildSectionCard(
|
||
'情景诗词',
|
||
Icons.book,
|
||
[
|
||
Center(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(20),
|
||
child: Text(
|
||
'暂无数据',
|
||
style: TextStyle(
|
||
color: isDark ? Colors.grey[400] : Colors.grey[600],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
isDark,
|
||
primaryColor,
|
||
);
|
||
}
|
||
|
||
final data = _poetryData!['data'] as Map<String, dynamic>?;
|
||
final origin = data?['origin'] as Map<String, dynamic>?;
|
||
|
||
return Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
colors: [primaryColor.withAlpha(30), primaryColor.withAlpha(10)],
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
),
|
||
borderRadius: BorderRadius.circular(16),
|
||
border: Border.all(color: primaryColor.withAlpha(50), width: 1),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Container(
|
||
width: 40,
|
||
height: 40,
|
||
decoration: BoxDecoration(
|
||
color: primaryColor.withAlpha(20),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: const Center(
|
||
child: Text('📜', style: TextStyle(fontSize: 20)),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Text(
|
||
'情景诗词',
|
||
style: TextStyle(
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
Row(
|
||
children: [
|
||
IconButton(
|
||
onPressed: _captureAndShare,
|
||
icon: Icon(Icons.share, color: primaryColor, size: 22),
|
||
tooltip: '分享',
|
||
),
|
||
IconButton(
|
||
onPressed: _createNoteFromPoetry,
|
||
icon: Icon(Icons.note_add, color: primaryColor, size: 22),
|
||
tooltip: '写入笔记',
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
if (origin != null) ...[
|
||
Text(
|
||
origin['title'] ?? '未知标题',
|
||
style: TextStyle(
|
||
fontSize: 20,
|
||
fontWeight: FontWeight.bold,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Row(
|
||
children: [
|
||
Text(
|
||
origin['dynasty'] ?? '未知朝代',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: primaryColor,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
'·',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: isDark ? Colors.grey[400] : Colors.grey[600],
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
origin['author'] ?? '未知作者',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: isDark ? Colors.grey[300] : Colors.grey[700],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
],
|
||
if (data != null) ...[
|
||
Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: isDark
|
||
? const Color(0xFF1A1A1A).withAlpha(50)
|
||
: Colors.white.withAlpha(50),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Text(
|
||
data['content'] ?? '暂无内容',
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
height: 1.8,
|
||
letterSpacing: 0.5,
|
||
),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
],
|
||
if (origin != null && origin['content'] != null) ...[
|
||
const SizedBox(height: 16),
|
||
_buildContentBlock(
|
||
'完整诗词',
|
||
(origin['content'] as List).map((e) => e.toString()).join('\n'),
|
||
isDark,
|
||
primaryColor,
|
||
),
|
||
],
|
||
if (origin != null && origin['translate'] != null) ...[
|
||
const SizedBox(height: 12),
|
||
_buildContentBlock(
|
||
'翻译',
|
||
(origin['translate'] as List).map((e) => e.toString()).join('\n'),
|
||
isDark,
|
||
primaryColor,
|
||
),
|
||
],
|
||
if (data != null && data['matchTags'] != null) ...[
|
||
const SizedBox(height: 12),
|
||
Wrap(
|
||
spacing: 8,
|
||
runSpacing: 8,
|
||
children: (data['matchTags'] as List)
|
||
.map<Widget>(
|
||
(tag) => Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: 12,
|
||
vertical: 6,
|
||
),
|
||
decoration: BoxDecoration(
|
||
color: primaryColor.withAlpha(15),
|
||
borderRadius: BorderRadius.circular(16),
|
||
border: Border.all(color: primaryColor.withAlpha(30)),
|
||
),
|
||
child: Text(
|
||
tag.toString(),
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: primaryColor,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
),
|
||
)
|
||
.toList(),
|
||
),
|
||
],
|
||
const SizedBox(height: 16),
|
||
if (data != null) _buildPoetryMetadata(data, isDark, primaryColor),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildPoetryMetadata(
|
||
Map<String, dynamic> data,
|
||
bool isDark,
|
||
Color primaryColor,
|
||
) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(12),
|
||
decoration: BoxDecoration(
|
||
color: isDark
|
||
? const Color(0xFF1A1A1A).withAlpha(50)
|
||
: Colors.grey[100]!.withAlpha(128),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
GestureDetector(
|
||
onTap: () {
|
||
setState(() {
|
||
_isMetadataExpanded = !_isMetadataExpanded;
|
||
});
|
||
},
|
||
behavior: HitTestBehavior.opaque,
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Text(
|
||
'流行度',
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w600,
|
||
color: primaryColor,
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
data['popularity'] != null
|
||
? _formatNumber(data['popularity'])
|
||
: '-',
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: isDark ? Colors.grey[300] : Colors.grey[700],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
Row(
|
||
children: [
|
||
Text(
|
||
'诗词信息',
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w600,
|
||
color: primaryColor,
|
||
),
|
||
),
|
||
const SizedBox(width: 4),
|
||
Icon(
|
||
_isMetadataExpanded
|
||
? Icons.keyboard_arrow_up
|
||
: Icons.keyboard_arrow_down,
|
||
color: primaryColor,
|
||
size: 20,
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
if (_isMetadataExpanded) ...[
|
||
const SizedBox(height: 8),
|
||
const Divider(height: 1),
|
||
const SizedBox(height: 8),
|
||
if (data['id'] != null)
|
||
_buildMetadataRow('ID', data['id'].toString(), isDark),
|
||
if (data['cacheAt'] != null)
|
||
_buildMetadataRow('缓存时间', data['cacheAt'].toString(), isDark),
|
||
if (data['recommendedReason'] != null &&
|
||
data['recommendedReason'].toString().isNotEmpty)
|
||
_buildMetadataRow(
|
||
'推荐理由',
|
||
data['recommendedReason'].toString(),
|
||
isDark,
|
||
),
|
||
if (_poetryData!['token'] != null)
|
||
_buildMetadataRow(
|
||
'Token',
|
||
_poetryData!['token'].toString().substring(
|
||
0,
|
||
(_poetryData!['token'].toString().length > 20
|
||
? 20
|
||
: _poetryData!['token'].toString().length),
|
||
) +
|
||
'...',
|
||
isDark,
|
||
),
|
||
if (_poetryData!['ipAddress'] != null)
|
||
_buildMetadataRow(
|
||
'IP 地址',
|
||
_poetryData!['ipAddress'].toString(),
|
||
isDark,
|
||
),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildMetadataRow(String label, String value, bool isDark) {
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 2),
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
SizedBox(
|
||
width: 80,
|
||
child: Text(
|
||
label,
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: isDark ? Colors.grey[400] : Colors.grey[600],
|
||
),
|
||
),
|
||
),
|
||
Expanded(
|
||
child: Text(
|
||
value,
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: isDark ? Colors.grey[300] : Colors.grey[700],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildUserInfoCard(bool isDark, Color primaryColor) {
|
||
final data = _userInfo?['data'] as Map<String, dynamic>?;
|
||
if (data == null) return const SizedBox.shrink();
|
||
|
||
final weatherData = data['weatherData'] as Map<String, dynamic>?;
|
||
final tags = data['tags'] as List<dynamic>?;
|
||
|
||
return Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
colors: [primaryColor.withAlpha(25), primaryColor.withAlpha(10)],
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
),
|
||
borderRadius: BorderRadius.circular(16),
|
||
border: Border.all(color: primaryColor.withAlpha(40), width: 1),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Container(
|
||
width: 40,
|
||
height: 40,
|
||
decoration: BoxDecoration(
|
||
color: primaryColor.withAlpha(20),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: const Center(
|
||
child: Text('🌤️', style: TextStyle(fontSize: 20)),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Text(
|
||
'环境信息',
|
||
style: TextStyle(
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
_buildUserInfoRow('IP 地址', data['ip']?.toString() ?? '未知', isDark),
|
||
_buildUserInfoRow('地区', data['region']?.toString() ?? '未知', isDark),
|
||
if (data['beijingTime'] != null)
|
||
_buildUserInfoRow('北京时间', data['beijingTime'].toString(), isDark),
|
||
if (weatherData != null) ...[
|
||
const SizedBox(height: 12),
|
||
_buildWeatherInfo(weatherData, isDark, primaryColor),
|
||
],
|
||
if (tags != null && tags.isNotEmpty) ...[
|
||
const SizedBox(height: 12),
|
||
_buildTags(tags, isDark, primaryColor),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildUserInfoRow(String label, String value, bool isDark) {
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 4),
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
SizedBox(
|
||
width: 80,
|
||
child: Text(
|
||
label,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: isDark ? Colors.grey[400] : Colors.grey[600],
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
),
|
||
Expanded(
|
||
child: Text(
|
||
value,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildWeatherInfo(
|
||
Map<String, dynamic> weatherData,
|
||
bool isDark,
|
||
Color primaryColor,
|
||
) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(12),
|
||
decoration: BoxDecoration(
|
||
color: isDark
|
||
? const Color(0xFF1A1A1A).withAlpha(50)
|
||
: Colors.white.withAlpha(50),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Icon(Icons.cloud, color: primaryColor, size: 16),
|
||
const SizedBox(width: 6),
|
||
Text(
|
||
'天气信息',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 8),
|
||
Wrap(
|
||
spacing: 12,
|
||
runSpacing: 8,
|
||
children: [
|
||
_buildWeatherItem(
|
||
'温度',
|
||
'${weatherData['temperature']?.toString() ?? '-'}°C',
|
||
isDark,
|
||
),
|
||
_buildWeatherItem(
|
||
'天气',
|
||
weatherData['weather']?.toString() ?? '-',
|
||
isDark,
|
||
),
|
||
_buildWeatherItem(
|
||
'湿度',
|
||
'${weatherData['humidity']?.toString() ?? '-'}%',
|
||
isDark,
|
||
),
|
||
_buildWeatherItem(
|
||
'风向',
|
||
weatherData['windDirection']?.toString() ?? '-',
|
||
isDark,
|
||
),
|
||
_buildWeatherItem(
|
||
'风力',
|
||
'${weatherData['windPower']?.toString() ?? '-'}级',
|
||
isDark,
|
||
),
|
||
_buildWeatherItem(
|
||
'能见度',
|
||
weatherData['visibility']?.toString() ?? '-',
|
||
isDark,
|
||
),
|
||
if (weatherData['rainfall'] != null)
|
||
_buildWeatherItem(
|
||
'降雨量',
|
||
'${weatherData['rainfall']}mm',
|
||
isDark,
|
||
),
|
||
if (weatherData['pm25'] != null)
|
||
_buildWeatherItem('PM2.5', '${weatherData['pm25']}', isDark),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildWeatherItem(String label, String value, bool isDark) {
|
||
return Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Text(
|
||
'$label: ',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: isDark ? Colors.grey[400] : Colors.grey[600],
|
||
),
|
||
),
|
||
Text(
|
||
value,
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
fontWeight: FontWeight.w500,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildTags(List<dynamic> tags, bool isDark, Color primaryColor) {
|
||
return Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Icon(Icons.local_offer, color: primaryColor, size: 16),
|
||
const SizedBox(width: 6),
|
||
Text(
|
||
'推荐标签',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 8),
|
||
Wrap(
|
||
spacing: 8,
|
||
runSpacing: 8,
|
||
children: tags.map<Widget>((tag) {
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
color: primaryColor.withAlpha(15),
|
||
borderRadius: BorderRadius.circular(16),
|
||
border: Border.all(color: primaryColor.withAlpha(30)),
|
||
),
|
||
child: Text(
|
||
tag.toString(),
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: primaryColor,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
);
|
||
}).toList(),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildSectionCard(
|
||
String title,
|
||
IconData icon,
|
||
List<Widget> children,
|
||
bool isDark,
|
||
Color primaryColor,
|
||
) {
|
||
return Container(
|
||
decoration: BoxDecoration(
|
||
color: isDark ? const Color(0xFF2A2A2A) : Colors.white,
|
||
borderRadius: BorderRadius.circular(16),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: isDark
|
||
? Colors.black.withAlpha(76)
|
||
: Colors.black.withAlpha(26),
|
||
blurRadius: 10,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Padding(
|
||
padding: const EdgeInsets.all(16),
|
||
child: Row(
|
||
children: [
|
||
Icon(icon, color: primaryColor, size: 20),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
title,
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.w600,
|
||
color: isDark ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
...children,
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildContentBlock(
|
||
String title,
|
||
String content,
|
||
bool isDark,
|
||
Color primaryColor,
|
||
) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: isDark
|
||
? const Color(0xFF1A1A1A).withAlpha(50)
|
||
: Colors.grey[100]!.withAlpha(128),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
title,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w600,
|
||
color: primaryColor,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
...(content.split('\n')).map<Widget>(
|
||
(line) => Padding(
|
||
padding: const EdgeInsets.only(bottom: 8),
|
||
child: Text(
|
||
line,
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: isDark ? Colors.grey[300] : Colors.grey[700],
|
||
height: 1.6,
|
||
),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
String _formatNumber(dynamic number) {
|
||
if (number is int) {
|
||
if (number >= 10000) {
|
||
return '${(number / 10000).toStringAsFixed(1)}万';
|
||
}
|
||
return number.toString();
|
||
}
|
||
return number.toString();
|
||
}
|
||
}
|