优化调整

This commit is contained in:
DelLevin-Home
2026-03-21 12:57:40 +08:00
parent bf54e1082a
commit cc4c908c86
13 changed files with 832 additions and 126 deletions

View File

@@ -76,6 +76,12 @@ flutter run
flutter build apk --release flutter build apk --release
# 或构建 App Bundle推荐用于 Google Play # 或构建 App Bundle推荐用于 Google Play
flutter build appbundle --release flutter build appbundle --release
# 使用国内镜像构建运行
$env:PUB_HOSTED_URL="https://pub.flutter-io.cn"
$env:FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
flutter pub get
flutter run
``` ```
### 3. 连接设备或启动模拟器 ### 3. 连接设备或启动模拟器

View File

@@ -650,7 +650,7 @@ code + .copy-button {
<script type="text/javascript"> <script type="text/javascript">
function configurationCacheProblems() { return ( function configurationCacheProblems() { return (
// begin-report-data // begin-report-data
{"diagnostics":[{"locations":[{}],"problem":[{"text":"Executing Gradle on JVM versions 16 and lower has been deprecated."}],"severity":"WARNING","problemDetails":[{"text":"This will fail with an error in Gradle 9.0."}],"contextualLabel":"Executing Gradle on JVM versions 16 and lower has been deprecated.","documentationLink":"https://docs.gradle.org/8.14/userguide/upgrading_version_8.html#minimum_daemon_jvm_version","problemId":[{"name":"deprecation","displayName":"Deprecation"},{"name":"executing-gradle-on-jvm-versions-and-lower","displayName":"Executing Gradle on JVM versions 16 and lower has been deprecated."}],"solutions":[[{"text":"Use JVM 17 or greater to execute Gradle. Projects can continue to use older JVM versions via toolchains."}]]}],"problemsReport":{"totalProblemCount":1,"buildName":"android","requestedTasks":"kotlinLSPKotlinDSLDeps","documentationLink":"https://docs.gradle.org/8.14/userguide/reporting_problems.html","documentationLinkCaption":"Problem report","summaries":[]}} {"diagnostics":[{"locations":[{}],"problem":[{"text":"Executing Gradle on JVM versions 16 and lower has been deprecated."}],"severity":"WARNING","problemDetails":[{"text":"This will fail with an error in Gradle 9.0."}],"contextualLabel":"Executing Gradle on JVM versions 16 and lower has been deprecated.","documentationLink":"https://docs.gradle.org/8.14/userguide/upgrading_version_8.html#minimum_daemon_jvm_version","problemId":[{"name":"deprecation","displayName":"Deprecation"},{"name":"executing-gradle-on-jvm-versions-and-lower","displayName":"Executing Gradle on JVM versions 16 and lower has been deprecated."}],"solutions":[[{"text":"Use JVM 17 or greater to execute Gradle. Projects can continue to use older JVM versions via toolchains."}]]}],"problemsReport":{"totalProblemCount":1,"buildName":"android","requestedTasks":"kotlinLSPProjectDeps","documentationLink":"https://docs.gradle.org/8.14/userguide/reporting_problems.html","documentationLinkCaption":"Problem report","summaries":[]}}
// end-report-data // end-report-data
);} );}
</script> </script>

View File

@@ -46,7 +46,7 @@ class BookTabPage extends StatelessWidget {
color: const Color(0xFF1A1A1A), color: const Color(0xFF1A1A1A),
backgroundColor: Colors.white, backgroundColor: Colors.white,
child: GridView.builder( child: GridView.builder(
padding: const EdgeInsets.all(16), padding: const EdgeInsets.fromLTRB(16, 16, 16, 100),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3, crossAxisCount: 3,
childAspectRatio: 0.55, childAspectRatio: 0.55,

View File

@@ -23,11 +23,21 @@ class _HomePageState extends State<HomePage> {
? CustomDrawer() ? CustomDrawer()
: null, : null,
// 主体内容 - 根据底部导航切换 // 主体内容 - 使用 Stack 让 dock 栏悬浮在内容上方
body: _buildBody(), body: Stack(
children: [
// 底部导航栏 // 底层:主体内容
bottomNavigationBar: const CustomBottomNavBar(), _buildBody(),
// 顶层:悬浮 dock 栏
const Positioned(
left: 0,
right: 0,
bottom: 0,
child: CustomBottomNavBar(),
),
],
),
); );
} }

View File

@@ -0,0 +1,387 @@
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
/// 豆瓣影视WebView页面 - 用于抓取影视信息
class DoubanWebViewPage extends StatefulWidget {
final String url;
const DoubanWebViewPage({super.key, required this.url});
@override
State<DoubanWebViewPage> createState() => _DoubanWebViewPageState();
}
class _DoubanWebViewPageState extends State<DoubanWebViewPage> {
late WebViewController _controller;
bool _isLoading = true;
bool _canExtract = false;
bool _isExtracting = false; // 防止重复提取
@override
void initState() {
super.initState();
_initWebView();
}
@override
void dispose() {
// 清理 WebView 资源
_controller.loadRequest(Uri.parse('about:blank'));
super.dispose();
}
void _initWebView() {
_controller = WebViewController()
..setJavaScriptMode(JavaScriptMode.unrestricted)
..setNavigationDelegate(
NavigationDelegate(
onPageStarted: (String url) {
if (mounted) {
setState(() {
_isLoading = true;
});
}
},
onPageFinished: (String url) {
if (mounted) {
setState(() {
_isLoading = false;
_canExtract = url.contains('douban.com/subject');
});
}
},
),
)
..loadRequest(Uri.parse(widget.url));
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
title: const Text('豆瓣影视'),
leading: _buildBackButton(),
actions: [
// 提取按钮 - 始终显示
_buildActionButton(
icon: Icons.auto_fix_high_outlined,
onPressed: _showExtractedInfo,
tooltip: '提取信息',
),
// 刷新按钮
_buildActionButton(
icon: Icons.refresh,
onPressed: () => _controller.reload(),
tooltip: '刷新',
),
const SizedBox(width: 8),
],
),
body: Stack(
children: [
WebViewWidget(controller: _controller),
// 加载指示器
if (_isLoading)
const Center(
child: CircularProgressIndicator(),
),
],
),
);
}
/// 构建返回按钮
Widget _buildBackButton() {
return Container(
margin: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.3),
borderRadius: BorderRadius.circular(8),
),
child: Material(
color: Colors.transparent,
child: InkWell(
onTap: () {
// 停止加载并返回
_controller.loadRequest(Uri.parse('about:blank'));
Navigator.pop(context);
},
borderRadius: BorderRadius.circular(8),
child: Container(
padding: const EdgeInsets.all(8),
child: const Icon(Icons.arrow_back, color: Colors.white, size: 22),
),
),
),
);
}
/// 构建右上角操作按钮
Widget _buildActionButton({
required IconData icon,
required VoidCallback onPressed,
required String tooltip,
}) {
return Container(
margin: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.9),
borderRadius: BorderRadius.circular(8),
),
child: Material(
color: Colors.transparent,
child: InkWell(
onTap: onPressed,
borderRadius: BorderRadius.circular(8),
child: Container(
padding: const EdgeInsets.all(8),
child: Icon(icon, color: const Color(0xFF1A1A1A), size: 22),
),
),
),
);
}
/// 显示提取的信息对话框
Future<void> _showExtractedInfo() async {
// 先提取信息
final movieInfo = await _extractMovieInfo();
if (movieInfo == null) return;
// 显示提取的信息
if (mounted) {
showDialog(
context: context,
builder: (context) => AlertDialog(
backgroundColor: Colors.white,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
title: const Text(
'提取的影视信息',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: Color(0xFF1A1A1A),
),
),
content: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildInfoRow('标题', movieInfo['title']?.toString() ?? '未提取到'),
_buildInfoRow('年份', movieInfo['year']?.toString() ?? '未提取到'),
_buildInfoRow('评分', movieInfo['rating']?.toString() ?? '未提取到'),
_buildInfoRow('导演', movieInfo['director']?.toString() ?? '未提取到'),
_buildInfoRow('类型', movieInfo['genres']?.toString() ?? '未提取到'),
_buildInfoRow('上映日期', movieInfo['releaseDate']?.toString() ?? '未提取到'),
if (movieInfo['summary'] != null)
_buildInfoRow('简介', movieInfo['summary'].toString().substring(0,
movieInfo['summary'].toString().length > 100 ? 100 : movieInfo['summary'].toString().length) + '...'),
],
),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text(
'取消',
style: TextStyle(color: Color(0xFF999999)),
),
),
TextButton(
onPressed: () {
Navigator.pop(context);
Navigator.pop(context, movieInfo);
},
child: const Text(
'使用此信息',
style: TextStyle(color: Color(0xFF1A1A1A), fontWeight: FontWeight.w600),
),
),
],
),
);
}
}
/// 构建信息行
Widget _buildInfoRow(String label, String value) {
return Padding(
padding: const EdgeInsets.only(bottom: 8),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 64,
child: Text(
label,
style: const TextStyle(
fontSize: 14,
color: Color(0xFF999999),
),
),
),
Expanded(
child: Text(
value,
style: const TextStyle(
fontSize: 14,
color: Color(0xFF1A1A1A),
),
),
),
],
),
);
}
/// 提取影视信息
Future<Map<String, dynamic>?> _extractMovieInfo() async {
// 检查是否已提取过,避免重复点击
if (_isExtracting) return null;
try {
_isExtracting = true;
// 显示加载提示
showDialog(
context: context,
barrierDismissible: false,
builder: (dialogContext) => const Center(
child: CircularProgressIndicator(),
),
);
// 执行JavaScript代码提取页面信息
final result = await _controller.runJavaScriptReturningResult(r'''
(function() {
const info = {};
// 获取标题 - 移动版页面
const titleEl = document.querySelector('.sub-title');
info.title = titleEl ? titleEl.textContent.trim() : '';
// 获取年份 - 从 original-title 中提取
const originalTitleEl = document.querySelector('.sub-original-title');
if (originalTitleEl) {
const yearMatch = originalTitleEl.textContent.match(/\((\d{4})\)/);
info.year = yearMatch ? yearMatch[1] : '';
} else {
info.year = '';
}
// 获取评分 - 移动版可能在 mark-item 中
const ratingEl = document.querySelector('.rating-num') || document.querySelector('.score');
info.rating = ratingEl ? ratingEl.textContent.trim() : '';
// 获取导演 - 从演职员列表中找
const directorEl = document.querySelector('.movie-celebrities .item__celebrity .role');
if (directorEl && directorEl.textContent.includes('导演')) {
const nameEl = directorEl.closest('.item__celebrity').querySelector('.name');
info.director = nameEl ? nameEl.textContent.trim() : '';
} else {
info.director = '';
}
// 获取编剧 - 从演职员列表中找(匹配"编剧"或"剧本"
const writerEls = document.querySelectorAll('.movie-celebrities .item__celebrity');
const writers = [];
writerEls.forEach(el => {
const roleEl = el.querySelector('.role');
if (roleEl && (roleEl.textContent.includes('编剧') || roleEl.textContent.includes('剧本'))) {
const nameEl = el.querySelector('.name');
if (nameEl) writers.push(nameEl.textContent.trim());
}
});
info.writers = writers;
// 获取主演- 从演职员列表中找前5个
const actorEls = document.querySelectorAll('.movie-celebrities .item__celebrity');
const actors = [];
actorEls.forEach(el => {
const roleEl = el
.querySelector('.role');
if (roleEl && (
roleEl.textContent.includes('配音') ||
roleEl.textContent.includes('主演') ||
roleEl.textContent.includes('饰')
)) {
const nameEl = el.querySelector('.name');
if (nameEl) actors.push(nameEl.textContent.trim());
}
});
info.actors = actors;
// 获取类型 - 从 sub-meta 或标签中提取
const metaEl = document.querySelector('.sub-meta');
if (metaEl) {
const metaText = metaEl.textContent;
const parts = metaText.split('/').map(s => s.trim());
// 过滤出类型(通常是中文,不是日期,不是时长)
info.genres = parts.filter(p =>
p && !p.match(/^\d{4}/) && !p.includes('分钟') && !p.includes('上映')
).join(',');
} else {
info.genres = '';
}
// 获取上映日期
if (metaEl) {
const dateMatch = metaEl.textContent.match(/(\d{4}-\d{2}-\d{2})/);
info.releaseDate = dateMatch ? dateMatch[1] : '';
} else {
info.releaseDate = '';
}
// 获取简介
const summaryEl = document.querySelector('.subject-intro p');
if (summaryEl) {
info.summary = summaryEl.textContent.trim().substring(0, 500);
} else {
info.summary = '';
}
// 获取别名 - 从 original-title 中提取(去掉年份)
if (originalTitleEl) {
const fullText = originalTitleEl.textContent.trim();
info.alternateTitles = [fullText.replace(/\s*\(\d{4}\)\s*$/, '')];
} else {
info.alternateTitles = [];
}
return JSON.stringify(info);
})()
''');
// 关闭加载提示
if (mounted) Navigator.pop(context);
// 解析提取的信息
// result 是 JavaScript 执行结果,已经是 JSON 字符串(带引号的)
final String jsonStr = result.toString();
// 去除 Dart 字符串转义后外层可能多余的引号
final String cleanJson = jsonStr.startsWith('"') && jsonStr.endsWith('"')
? jsonDecode(jsonStr) as String
: jsonStr;
final Map<String, dynamic> movieInfo = jsonDecode(cleanJson) as Map<String, dynamic>;
return movieInfo;
} catch (e) {
// 关闭加载提示
if (mounted) Navigator.pop(context);
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('提取信息失败: $e')),
);
}
return null;
} finally {
_isExtracting = false;
}
}
}

View File

@@ -168,13 +168,6 @@ class _MovieDetailPageState extends State<MovieDetailPage> {
background: _buildPosterSection(movie), background: _buildPosterSection(movie),
), ),
actions: [ actions: [
// 下载海报按钮(仅当有海报时显示)
if (hasPoster)
_buildActionButton(
icon: Icons.download_outlined,
onPressed: () => _downloadPoster(movie),
tooltip: '下载海报',
),
// 清空海报按钮(仅当有海报时显示) // 清空海报按钮(仅当有海报时显示)
if (hasPoster) if (hasPoster)
_buildActionButton( _buildActionButton(
@@ -829,40 +822,6 @@ class _MovieDetailPageState extends State<MovieDetailPage> {
); );
} }
/// 下载海报到本地
Future<void> _downloadPoster(Movie movie) async {
if (movie.posterPath == null || movie.posterPath!.isEmpty) {
ToastUtil.show(context, '没有可下载的海报');
return;
}
try {
final sourceFile = File(movie.posterPath!);
if (!await sourceFile.exists()) {
ToastUtil.show(context, '海报文件不存在');
return;
}
// 生成文件名影视名称_时间戳_海报.扩展名
final timestamp = DateTime.now().millisecondsSinceEpoch;
final fileName = '${movie.title}_${timestamp}_海报${path.extension(movie.posterPath!)}';
// 复制到临时目录
final tempDir = await getTemporaryDirectory();
final tempFile = File(path.join(tempDir.path, fileName));
await sourceFile.copy(tempFile.path);
// 使用分享功能让用户选择保存位置
await Share.shareXFiles(
[XFile(tempFile.path)],
subject: '${movie.title} 海报',
text: '下载自 MookNote',
);
} catch (e) {
ToastUtil.show(context, '下载失败: $e');
}
}
/// 请求存储权限 /// 请求存储权限
Future<bool> _requestStoragePermission() async { Future<bool> _requestStoragePermission() async {
// Android 13+ 使用新的权限 // Android 13+ 使用新的权限

View File

@@ -84,10 +84,12 @@ class _MovieFormPageState extends State<MovieFormPage> {
@override @override
void dispose() { void dispose() {
// 先 dispose controllers
_titleController.dispose(); _titleController.dispose();
_summaryController.dispose(); _summaryController.dispose();
_ratingController.dispose(); _ratingController.dispose();
_tagControllers.values.forEach((c) => c.dispose()); _tagControllers.values.forEach((c) => c.dispose());
// 最后调用 super.dispose
super.dispose(); super.dispose();
} }
@@ -126,6 +128,195 @@ class _MovieFormPageState extends State<MovieFormPage> {
); );
} }
/// 显示快捷添加对话框
void _showQuickAddDialog() {
final textController = TextEditingController();
showDialog(
context: context,
builder: (dialogContext) => AlertDialog(
backgroundColor: Colors.white,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
title: const Text(
'快捷添加',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: Color(0xFF1A1A1A),
),
),
content: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'请输入豆瓣影视链接:',
style: TextStyle(
fontSize: 14,
color: Color(0xFF666666),
),
),
const SizedBox(height: 12),
TextField(
controller: textController,
autofocus: true,
decoration: InputDecoration(
hintText: 'https://m.douban.com/subject/...',
hintStyle: const TextStyle(fontSize: 14, color: Color(0xFFCCCCCC)),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: const BorderSide(color: Color(0xFFE5E5E5)),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: const BorderSide(color: Color(0xFFE5E5E5)),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: const BorderSide(color: Color(0xFF1A1A1A)),
),
contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
),
onSubmitted: (url) async {
if (url.trim().isNotEmpty) {
// 先移除焦点
FocusManager.instance.primaryFocus?.unfocus();
await Future.delayed(const Duration(milliseconds: 50));
if (dialogContext.mounted) {
Navigator.of(dialogContext).pop(url);
}
}
},
),
],
),
actions: [
TextButton(
onPressed: () async {
// 先移除焦点,等待一帧确保焦点已释放
FocusManager.instance.primaryFocus?.unfocus();
await Future.delayed(const Duration(milliseconds: 50));
if (dialogContext.mounted) {
Navigator.of(dialogContext).pop(null);
}
},
child: const Text(
'取消',
style: TextStyle(color: Color(0xFF999999)),
),
),
TextButton(
onPressed: () async {
final url = textController.text.trim();
if (url.isNotEmpty) {
// 先移除焦点
FocusManager.instance.primaryFocus?.unfocus();
await Future.delayed(const Duration(milliseconds: 50));
if (dialogContext.mounted) {
Navigator.of(dialogContext).pop(url);
}
}
},
child: const Text(
'确定',
style: TextStyle(color: Color(0xFF1A1A1A), fontWeight: FontWeight.w600),
),
),
],
),
).then((result) {
// 延迟 dispose确保 widget tree 已释放 controller
WidgetsBinding.instance.addPostFrameCallback((_) {
textController.dispose();
});
// 处理结果
if (result != null && result is String && result.isNotEmpty) {
_openDoubanWebView(result);
}
});
}
/// 打开豆瓣WebView页面
Future<void> _openDoubanWebView(String url) async {
// 导航到WebView页面并等待返回结果
final result = await Navigator.pushNamed(
context,
'/douban-webview',
arguments: url,
);
// 处理返回的影视信息
if (result != null && result is Map<String, dynamic>) {
_fillMovieInfo(result);
}
}
/// 填充影视信息到表单
void _fillMovieInfo(Map<String, dynamic> info) {
setState(() {
// 填充标题
if (info['title'] != null && info['title'].toString().isNotEmpty) {
_titleController.text = info['title'].toString();
}
// 填充评分
if (info['rating'] != null && info['rating'].toString().isNotEmpty) {
_ratingController.text = info['rating'].toString();
}
// 填充导演
if (info['director'] != null && info['director'].toString().isNotEmpty) {
_directors = [info['director'].toString()];
}
// 填充编剧
if (info['writers'] != null && info['writers'] is List) {
_writers = (info['writers'] as List).map((w) => w.toString()).toList();
}
// 填充演员
if (info['actors'] != null && info['actors'] is List) {
_actors = (info['actors'] as List).map((a) => a.toString()).toList();
}
// 填充类型
if (info['genres'] != null && info['genres'].toString().isNotEmpty) {
_genres = info['genres'].toString().split(',').map((g) => g.trim()).toList();
}
// 填充别名
if (info['alternateTitles'] != null && info['alternateTitles'] is List) {
_alternateTitles = (info['alternateTitles'] as List).map((t) => t.toString()).toList();
}
// 填充简介
if (info['summary'] != null && info['summary'].toString().isNotEmpty) {
_summaryController.text = info['summary'].toString();
}
// 填充上映日期
if (info['releaseDate'] != null && info['releaseDate'].toString().isNotEmpty) {
final dateStr = info['releaseDate'].toString();
// 尝试解析日期
try {
// 处理格式如 "2023-01-01(中国大陆)"
final cleanDate = dateStr.split('(')[0].trim();
_releaseDate = DateTime.parse(cleanDate);
} catch (e) {
// 解析失败则忽略
}
}
});
// 显示成功提示
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('已自动填充影视信息')),
);
}
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final isEdit = widget.movie != null; final isEdit = widget.movie != null;
@@ -135,6 +326,13 @@ class _MovieFormPageState extends State<MovieFormPage> {
appBar: AppBar( appBar: AppBar(
title: Text(isEdit ? '编辑影视' : '添加影视'), title: Text(isEdit ? '编辑影视' : '添加影视'),
actions: [ actions: [
// 快捷添加按钮(仅添加模式显示)
if (!isEdit)
_buildActionButton(
icon: Icons.auto_fix_high_outlined,
onPressed: _showQuickAddDialog,
tooltip: '快捷添加',
),
// 保存按钮 // 保存按钮
_buildActionButton( _buildActionButton(
icon: Icons.save_outlined, icon: Icons.save_outlined,
@@ -765,7 +963,7 @@ class _MovieFormPageState extends State<MovieFormPage> {
return Column( return Column(
children: [ children: [
GestureDetector( GestureDetector(
onTap: _pickCover, onTap: _showCoverOptions,
child: Container( child: Container(
width: 140, width: 140,
height: 200, height: 200,
@@ -818,6 +1016,107 @@ class _MovieFormPageState extends State<MovieFormPage> {
); );
} }
/// 显示封面选择选项
void _showCoverOptions() {
showModalBottomSheet(
context: context,
backgroundColor: Colors.white,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
),
builder: (context) => SafeArea(
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 16),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
// 顶部指示条
Container(
width: 40,
height: 4,
decoration: BoxDecoration(
color: const Color(0xFFE0E0E0),
borderRadius: BorderRadius.circular(2),
),
),
const SizedBox(height: 20),
// 标题
const Padding(
padding: EdgeInsets.symmetric(horizontal: 24),
child: Align(
alignment: Alignment.centerLeft,
child: Text(
'添加海报',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: Color(0xFF1A1A1A),
),
),
),
),
const SizedBox(height: 16),
// 本地图片选项
_buildCoverOption(
icon: Icons.photo_library_outlined,
title: '从相册选择',
onTap: () {
Navigator.pop(context);
_pickCover();
},
),
],
),
),
),
);
}
/// 构建封面选项
Widget _buildCoverOption({
required IconData icon,
required String title,
required VoidCallback onTap,
}) {
return InkWell(
onTap: onTap,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
child: Row(
children: [
Container(
width: 44,
height: 44,
decoration: BoxDecoration(
color: const Color(0xFFF5F5F5),
borderRadius: BorderRadius.circular(10),
),
child: Icon(
icon,
size: 22,
color: const Color(0xFF666666),
),
),
const SizedBox(width: 16),
Text(
title,
style: const TextStyle(
fontSize: 16,
color: Color(0xFF1A1A1A),
),
),
const Spacer(),
const Icon(
Icons.chevron_right,
color: Color(0xFFCCCCCC),
size: 20,
),
],
),
),
);
}
Widget _buildCoverPlaceholder() { Widget _buildCoverPlaceholder() {
return const Column( return const Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,

View File

@@ -46,7 +46,7 @@ class MovieTabPage extends StatelessWidget {
color: const Color(0xFF1A1A1A), color: const Color(0xFF1A1A1A),
backgroundColor: Colors.white, backgroundColor: Colors.white,
child: GridView.builder( child: GridView.builder(
padding: const EdgeInsets.all(16), padding: const EdgeInsets.fromLTRB(16, 16, 16, 100),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3, crossAxisCount: 3,
childAspectRatio: 0.55, childAspectRatio: 0.55,

View File

@@ -137,7 +137,7 @@ class _NoteTabPageState extends State<NoteTabPage> {
backgroundColor: Colors.white, backgroundColor: Colors.white,
child: ListView.builder( child: ListView.builder(
controller: _scrollController, controller: _scrollController,
padding: const EdgeInsets.all(16), padding: const EdgeInsets.fromLTRB(16, 16, 16, 100),
itemCount: _displayedNotes.length + (_hasMore ? 1 : 0), itemCount: _displayedNotes.length + (_hasMore ? 1 : 0),
itemBuilder: (context, index) { itemBuilder: (context, index) {
if (index >= _displayedNotes.length) { if (index >= _displayedNotes.length) {

View File

@@ -129,7 +129,8 @@ class _ProfilePageState extends State<ProfilePage> {
), ),
), ),
const SizedBox(height: 32), // 底部留白,避免被 dock 栏遮挡
const SizedBox(height: 100),
], ],
), ),
), ),

View File

@@ -6,6 +6,7 @@ import '../pages/note/note_form_page.dart';
import '../pages/movies/movie_detail_page.dart'; import '../pages/movies/movie_detail_page.dart';
import '../pages/book/book_detail_page.dart'; import '../pages/book/book_detail_page.dart';
import '../pages/note/note_detail_page.dart'; import '../pages/note/note_detail_page.dart';
import '../pages/movies/douban_webview_page.dart';
/// 路由生成器 /// 路由生成器
class AppRouter { class AppRouter {
@@ -73,6 +74,12 @@ class AppRouter {
builder: (_) => NoteDetailPage(note: note), builder: (_) => NoteDetailPage(note: note),
); );
case '/douban-webview':
final url = settings.arguments as String;
return MaterialPageRoute(
builder: (_) => DoubanWebViewPage(url: url),
);
default: default:
return MaterialPageRoute( return MaterialPageRoute(
builder: (_) => Scaffold( builder: (_) => Scaffold(

View File

@@ -2,43 +2,72 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
import '../providers/app_provider.dart'; import '../providers/app_provider.dart';
/// 自定义底部导航栏 - 极简主义设计 /// 自定义底部导航栏 - Dock栏悬浮设计
class CustomBottomNavBar extends StatelessWidget { class CustomBottomNavBar extends StatelessWidget {
const CustomBottomNavBar({super.key}); const CustomBottomNavBar({super.key});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
// 获取底部安全区域高度
final bottomPadding = MediaQuery.of(context).padding.bottom;
return Consumer<AppProvider>( return Consumer<AppProvider>(
builder: (context, provider, child) { builder: (context, provider, child) {
return Container( return Container(
height: 64, // 高度:导航栏本身高度 + 底部安全距离 + 上下边距
decoration: const BoxDecoration( height: 64 + bottomPadding + 16,
color: Colors.white, color: Colors.transparent,
border: Border( child: Column(
top: BorderSide(color: Color(0xFFE5E5E5), width: 0.5), mainAxisSize: MainAxisSize.min,
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [ children: [
// 主页按钮 // Dock栏主体 - 悬浮效果
_buildNavItem( Container(
icon: Icons.home_outlined, height: 56,
activeIcon: Icons.home, margin: const EdgeInsets.symmetric(horizontal: 40),
isActive: provider.bottomNavIndex == 0, decoration: BoxDecoration(
onTap: () => provider.setBottomNavIndex(0), color: Colors.white,
), borderRadius: BorderRadius.circular(28),
boxShadow: [
// 中间新增按钮 BoxShadow(
_buildAddButton(context, provider), color: Colors.black.withOpacity(0.08),
blurRadius: 20,
// 我的按钮 offset: const Offset(0, 4),
_buildNavItem( spreadRadius: 0,
icon: Icons.person_outline, ),
activeIcon: Icons.person, BoxShadow(
isActive: provider.bottomNavIndex == 2, color: Colors.black.withOpacity(0.04),
onTap: () => provider.setBottomNavIndex(2), blurRadius: 8,
offset: const Offset(0, 2),
spreadRadius: -2,
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// 主页按钮
_buildNavItem(
icon: Icons.home_outlined,
activeIcon: Icons.home,
isActive: provider.bottomNavIndex == 0,
onTap: () => provider.setBottomNavIndex(0),
),
// 中间新增按钮
_buildAddButton(context, provider),
// 我的按钮
_buildNavItem(
icon: Icons.person_outline,
activeIcon: Icons.person,
isActive: provider.bottomNavIndex == 2,
onTap: () => provider.setBottomNavIndex(2),
),
],
),
), ),
// 底部安全距离占位
SizedBox(height: bottomPadding + 8),
], ],
), ),
); );
@@ -53,18 +82,18 @@ class CustomBottomNavBar extends StatelessWidget {
required bool isActive, required bool isActive,
required VoidCallback onTap, required VoidCallback onTap,
}) { }) {
return Expanded( return InkWell(
child: InkWell( onTap: onTap,
onTap: onTap, borderRadius: BorderRadius.circular(28),
child: Container( child: Container(
color: Colors.transparent, width: 56,
padding: const EdgeInsets.symmetric(vertical: 10), height: 56,
child: Center( color: Colors.transparent,
child: Icon( child: Center(
isActive ? activeIcon : icon, child: Icon(
color: isActive ? const Color(0xFF1A1A1A) : const Color(0xFF999999), isActive ? activeIcon : icon,
size: 28, color: isActive ? const Color(0xFF1A1A1A) : const Color(0xFF999999),
), size: 26,
), ),
), ),
), ),

View File

@@ -37,43 +37,51 @@ class _CustomDrawerState extends State<CustomDrawer> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Drawer( return Drawer(
backgroundColor: Colors.white, backgroundColor: Colors.white,
child: Column( child: SafeArea(
children: [ child: Column(
// 顶部用户信息区域 children: [
_buildHeader(context), // 顶部用户信息区域
_buildHeader(context),
const Divider(height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
const Divider(height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
// 回顾功能区域
_buildMemorySection(context), // 可滚动区域 - 包含回顾、日历和菜单
Expanded(
const Divider(height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)), child: SingleChildScrollView(
physics: const AlwaysScrollableScrollPhysics(),
// 日历热力图区域 child: Column(
_buildCalendarSection(context), mainAxisSize: MainAxisSize.min,
children: [
const Divider(height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)), // 回顾功能区域
_buildMemorySection(context),
// 菜单项列表
Expanded( const Divider(height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
child: ListView(
padding: EdgeInsets.zero, // 日历热力图区域
children: [], _buildCalendarSection(context),
),
), const Divider(height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
// 底部版本信息 // 底部留白,避免内容被遮挡
Container( const SizedBox(height: 16),
padding: const EdgeInsets.all(24), ],
child: Text( ),
'MookNote v$_version',
style: const TextStyle(
fontSize: 12,
color: Color(0xFF999999),
), ),
), ),
),
], // 底部版本信息 - 固定在底部
Container(
padding: const EdgeInsets.all(16),
child: Text(
'MookNote v$_version',
style: const TextStyle(
fontSize: 12,
color: Color(0xFF999999),
),
),
),
],
),
), ),
); );
} }