- 创建可复用的AppHeader组件,集成搜索栏和导入按钮 - 实现SafeArea系统UI避让,解决状态栏重叠问题 - 优化代码注释,采用简洁专业的文档风格 - 完善Flutter布局系统学习文档,涵盖Container、Row、InkWell等组件 - 更新项目状态和开发进度文档 技术要点: - Material Design主题系统集成 - 条件渲染和组件参数化设计 - InkWell水波纹点击效果 - Flutter代码质量优化(零警告) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
49 lines
1.2 KiB
Dart
49 lines
1.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../components/app_header.dart';
|
|
|
|
/// 书库页面
|
|
///
|
|
/// 用户管理和浏览所有导入的电子书
|
|
/// 功能规划:
|
|
/// - 书籍列表展示
|
|
/// - 分类筛选功能
|
|
/// - 排序选项
|
|
/// - 批量操作功能
|
|
class LibraryPage extends StatelessWidget {
|
|
const LibraryPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Column(
|
|
children: [
|
|
// 顶部导航组件
|
|
SafeArea(
|
|
bottom: false,
|
|
child: AppHeader(
|
|
title: '书库',
|
|
showSearchBar: true,
|
|
onSearchPressed: () {
|
|
print('书库搜索按钮被点击');
|
|
},
|
|
onImportPressed: () {
|
|
print('书库导入按钮被点击');
|
|
},
|
|
),
|
|
),
|
|
|
|
// 书籍列表内容区域
|
|
Expanded(
|
|
child: Center(
|
|
child: Text(
|
|
'书库列表区域',
|
|
style: Theme.of(context).textTheme.headlineMedium,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|