RhythmBox/lib/shells/nav_shell.dart
2024-08-29 16:42:48 +08:00

66 lines
2.0 KiB
Dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:go_router/go_router.dart';
import 'package:rhythm_box/widgets/player/bottom_player.dart';
class Destination {
const Destination(this.title, this.page, this.icon);
final String title;
final String page;
final IconData icon;
}
class NavShell extends StatefulWidget {
final Widget child;
const NavShell({super.key, required this.child});
@override
State<NavShell> createState() => _NavShellState();
}
class _NavShellState extends State<NavShell> {
int _focusDestination = 0;
final List<Destination> _allDestinations = <Destination>[
Destination('explore'.tr, 'explore', Icons.explore),
Destination('library'.tr, 'library', Icons.video_library),
Destination('search'.tr, 'search', Icons.search),
Destination('settings'.tr, 'settings', Icons.settings),
];
@override
Widget build(BuildContext context) {
return Scaffold(
body: widget.child,
bottomNavigationBar: Material(
elevation: 2,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const BottomPlayer(key: Key('app-wide-bottom-player')),
const Divider(height: 0.3, thickness: 0.3),
BottomNavigationBar(
type: BottomNavigationBarType.fixed,
landscapeLayout: BottomNavigationBarLandscapeLayout.centered,
elevation: 0,
showUnselectedLabels: false,
currentIndex: _focusDestination,
items: _allDestinations
.map((x) => BottomNavigationBarItem(
icon: Icon(x.icon),
label: x.title,
))
.toList(),
onTap: (value) {
GoRouter.of(context).goNamed(_allDestinations[value].page);
setState(() => _focusDestination = value);
},
),
],
),
),
);
}
}