f62a43823c
- 创建可复用的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>
48 lines
1.3 KiB
Dart
48 lines
1.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../components/app_header.dart';
|
|
|
|
/// 首页页面
|
|
///
|
|
/// 这是应用的主页面，用户进入应用时看到的第一个界面。
|
|
/// 功能规划：
|
|
/// - 顶部搜索栏和导入按钮
|
|
/// - 最近阅读书籍展示（横向滚动）
|
|
/// - 摘录列表（纵向滚动）
|
|
/// - 阅读进度统计
|
|
class HomePage extends StatelessWidget {
|
|
const HomePage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Column(
|
|
children: [
|
|
// 顶部导航组件
|
|
SafeArea(
|
|
bottom: false, // 只处理顶部安全区域
|
|
child: AppHeader(
|
|
onSearchPressed: () {
|
|
// TODO: 实现搜索功能
|
|
print('搜索按钮被点击');
|
|
},
|
|
onImportPressed: () {
|
|
// TODO: 实现导入功能
|
|
print('导入按钮被点击');
|
|
},
|
|
),
|
|
),
|
|
|
|
// 页面内容区域
|
|
Expanded(
|
|
child: Center(
|
|
child: Text(
|
|
'首页内容区域',
|
|
style: Theme.of(context).textTheme.headlineMedium,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
} |