generated from dellevin/template
新增阅读器功能,待优化
This commit is contained in:
77
lib/pages/reader/toc_drawer.dart
Normal file
77
lib/pages/reader/toc_drawer.dart
Normal file
@@ -0,0 +1,77 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'epub_player.dart';
|
||||
|
||||
/// 目录抽屉 — 显示书籍章节目录,点击跳转
|
||||
class TocDrawer extends StatelessWidget {
|
||||
final List<TocItem> toc;
|
||||
final GlobalKey<EpubPlayerState> epubPlayerKey;
|
||||
final VoidCallback? onClose;
|
||||
|
||||
const TocDrawer({
|
||||
super.key,
|
||||
required this.toc,
|
||||
required this.epubPlayerKey,
|
||||
this.onClose,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final colors = Theme.of(context).colorScheme;
|
||||
|
||||
return Container(
|
||||
color: colors.surface,
|
||||
child: SafeArea(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.toc, size: 20, color: colors.onSurface.withValues(alpha: 0.6)),
|
||||
const SizedBox(width: 10),
|
||||
Text('目录', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
||||
const Spacer(),
|
||||
IconButton(
|
||||
icon: const Icon(Icons.close),
|
||||
onPressed: onClose ?? () => Navigator.pop(context),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Divider(height: 1, color: colors.outlineVariant),
|
||||
Expanded(
|
||||
child: toc.isEmpty
|
||||
? Center(
|
||||
child: Text('暂无目录', style: TextStyle(color: colors.onSurface.withValues(alpha: 0.3))),
|
||||
)
|
||||
: ListView.builder(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
itemCount: toc.length,
|
||||
itemBuilder: (context, index) {
|
||||
final item = toc[index];
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
epubPlayerKey.currentState?.goToHref(item.href);
|
||||
Navigator.pop(context);
|
||||
},
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
||||
child: Text(
|
||||
item.title,
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: colors.onSurface.withValues(alpha: 0.8),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user