89 lines
2.8 KiB
Dart
89 lines
2.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:shadcn_ui/shadcn_ui.dart';
|
|
|
|
import '../data/providers.dart';
|
|
import '../routing/app_routes.dart';
|
|
import '../theme/yanting_text.dart';
|
|
import '../widgets/bottom_tab_bar.dart';
|
|
import '../widgets/mini_player.dart';
|
|
|
|
class ShellPage extends ConsumerWidget {
|
|
const ShellPage({required this.child, required this.currentPath, super.key});
|
|
|
|
final Widget child;
|
|
final String currentPath;
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final theme = ShadTheme.of(context);
|
|
final player = ref.watch(audioPlayerControllerProvider);
|
|
final controller = ref.read(audioPlayerControllerProvider.notifier);
|
|
final canPop = GoRouter.of(context).canPop();
|
|
final selectedIndex = _tabs.indexWhere((tab) => tab.path == currentPath);
|
|
final safeIndex = selectedIndex < 0 ? 0 : selectedIndex;
|
|
|
|
return Scaffold(
|
|
backgroundColor: theme.colorScheme.background,
|
|
appBar: AppBar(
|
|
backgroundColor: theme.colorScheme.background,
|
|
surfaceTintColor: Colors.transparent,
|
|
elevation: 0,
|
|
leading: canPop
|
|
? ShadIconButton.ghost(
|
|
onPressed: () => context.pop(),
|
|
icon: const Icon(LucideIcons.chevronLeft, size: 18),
|
|
)
|
|
: null,
|
|
title: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('研听', style: YantingText.listTitle),
|
|
Text('全球机构研报中文解读', style: YantingText.meta.copyWith(fontSize: 12)),
|
|
],
|
|
),
|
|
bottom: PreferredSize(
|
|
preferredSize: const Size.fromHeight(1),
|
|
child: ColoredBox(
|
|
color: theme.colorScheme.border,
|
|
child: const SizedBox(height: 1, width: double.infinity),
|
|
),
|
|
),
|
|
),
|
|
body: ColoredBox(
|
|
color: theme.colorScheme.background,
|
|
child: Stack(children: [Positioned.fill(child: child)]),
|
|
),
|
|
bottomNavigationBar: SafeArea(
|
|
top: false,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
MiniPlayer(player: player, onToggle: controller.toggleAudio),
|
|
BottomTabBar(
|
|
items: yantingBottomTabItems,
|
|
selectedIndex: safeIndex,
|
|
onSelected: (index) => context.go(_tabs[index].path),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _TabItem {
|
|
const _TabItem({required this.path});
|
|
|
|
final String path;
|
|
}
|
|
|
|
const List<_TabItem> _tabs = [
|
|
_TabItem(path: AppRoutes.home),
|
|
_TabItem(path: AppRoutes.reports),
|
|
_TabItem(path: AppRoutes.institutions),
|
|
_TabItem(path: AppRoutes.listen),
|
|
_TabItem(path: AppRoutes.profile),
|
|
];
|