Files
app/lib/presentation/pages/overview/widgets/quick_access_grid.dart
T
gongyun 1d9e0a831f
Build Android Release / Build Android (push) Failing after 7s
Android Feature Optimization and Updates
2026-05-21 10:31:43 +08:00

207 lines
6.3 KiB
Dart

import 'package:flutter/material.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:provider/provider.dart';
import '../../../../core/constants/quick_access_defaults.dart';
import '../../../../router/app_router.dart';
import '../../../providers/file_manager_provider.dart';
import '../../../providers/navigation_provider.dart';
import '../../../providers/quick_access_provider.dart';
import '../../files/category_files_page.dart';
/// 首页快捷入口。
///
/// 默认四个入口不再跳转到固定文件夹,而是调用 Cloudreve 分类搜索:
/// 图片 / 视频 / 文档 / 音乐。
/// 用户自定义的目录快捷入口会跳转到文件管理器对应路径。
class QuickAccessGrid extends StatelessWidget {
final bool fillHeight;
const QuickAccessGrid({super.key, this.fillHeight = false});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final items = context.select<QuickAccessProvider, List<QuickAccessConfig>>(
(p) => p.items,
);
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: fillHeight ? MainAxisSize.max : MainAxisSize.min,
children: [
Padding(
padding: const EdgeInsets.only(left: 4, bottom: 14),
child: Row(
children: [
Icon(LucideIcons.zap, size: 18, color: theme.colorScheme.primary),
const SizedBox(width: 8),
Text(
'快捷入口',
style: theme.textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.w600,
),
),
],
),
),
..._buildRows(context, items),
],
);
}
List<Widget> _buildRows(BuildContext context, List<QuickAccessConfig> items) {
final total = items.length;
if (total == 0) return [];
final maxCols = total > 6 ? 3 : 2;
const gap = 10.0;
final rows = <Widget>[];
for (int i = 0; i < total; i += maxCols) {
final rowItems = <Widget>[];
final remaining = total - i;
final colsInRow = remaining < maxCols ? remaining : maxCols;
for (int j = 0; j < colsInRow; j++) {
final index = i + j;
if (j > 0) rowItems.add(const SizedBox(width: gap));
rowItems.add(
Expanded(
child: _QuickAccessButton(
item: items[index],
onTap: () => _onTap(context, items[index]),
),
),
);
}
final row = Row(children: rowItems);
rows.add(fillHeight ? Expanded(child: row) : row);
if (i + maxCols < total) {
rows.add(const SizedBox(height: gap));
}
}
return rows;
}
void _onTap(BuildContext context, QuickAccessConfig item) {
if (item.path.startsWith('cloudreve://my?category=')) {
_openCategory(context, item);
} else {
_openDirectory(context, item);
}
}
void _openCategory(BuildContext context, QuickAccessConfig item) {
final args = _argsForItem(item);
Navigator.of(context).pushNamed(RouteNames.categoryFiles, arguments: args);
}
void _openDirectory(BuildContext context, QuickAccessConfig item) {
final dirPath = item.path.startsWith('/') ? item.path : '/${item.path}';
final navProvider = context.read<NavigationProvider>();
final fileManager = context.read<FileManagerProvider>();
navProvider.setIndex(1);
fileManager.enterFolder(dirPath);
}
CategoryFilesPageArgs _argsForItem(QuickAccessConfig item) {
switch (item.id) {
case 'img':
return CategoryFilesPageArgs(
category: 'image',
title: '图片',
icon: LucideIcons.image,
color: item.color,
);
case 'vid':
return CategoryFilesPageArgs(
category: 'video',
title: '视频',
icon: LucideIcons.video,
color: item.color,
);
case 'doc':
return CategoryFilesPageArgs(
category: 'document',
title: '文档',
icon: LucideIcons.fileText,
color: item.color,
);
case 'mus':
return CategoryFilesPageArgs(
category: 'audio',
title: '音乐',
icon: LucideIcons.music,
color: item.color,
);
default:
return CategoryFilesPageArgs(
category: 'document',
title: item.label,
icon: item.icon,
color: item.color,
);
}
}
}
class _QuickAccessButton extends StatelessWidget {
final QuickAccessConfig item;
final VoidCallback onTap;
const _QuickAccessButton({required this.item, required this.onTap});
@override
Widget build(BuildContext context) {
final isDark = Theme.of(context).brightness == Brightness.dark;
final foreground = isDark ? Colors.white : item.color.darken(0.52);
return Material(
color: item.color.withValues(alpha: isDark ? 0.20 : 0.24),
borderRadius: BorderRadius.circular(18),
clipBehavior: Clip.antiAlias,
child: InkWell(
onTap: onTap,
child: DecoratedBox(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
item.color.withValues(alpha: isDark ? 0.34 : 0.72),
item.color.withValues(alpha: isDark ? 0.18 : 0.42),
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(18),
border: Border.all(color: item.color.withValues(alpha: 0.28)),
),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(item.icon, color: foreground, size: 22),
const SizedBox(width: 9),
Flexible(
child: Text(
item.label,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: foreground,
fontWeight: FontWeight.w800,
fontSize: 14,
),
),
),
],
),
),
),
),
);
}
}