✨ Drawer navigation
This commit is contained in:
@ -1,36 +1,33 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_animate/flutter_animate.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:solian/router.dart';
|
||||
import 'package:solian/theme.dart';
|
||||
import 'package:solian/widgets/navigation/app_navigation.dart';
|
||||
import 'package:solian/widgets/navigation/app_navigation_bottom_bar.dart';
|
||||
import 'package:solian/widgets/navigation/app_navigation_drawer.dart';
|
||||
import 'package:solian/widgets/navigation/app_navigation_rail.dart';
|
||||
|
||||
final GlobalKey<ScaffoldState> rootScaffoldKey = GlobalKey<ScaffoldState>();
|
||||
|
||||
class RootShell extends StatelessWidget {
|
||||
final bool showSidebar;
|
||||
final bool showNavigation;
|
||||
final bool? showBottomNavigation;
|
||||
final GoRouterState state;
|
||||
final Widget child;
|
||||
|
||||
const RootShell({
|
||||
super.key,
|
||||
required this.state,
|
||||
required this.child,
|
||||
this.showSidebar = true,
|
||||
this.showNavigation = true,
|
||||
this.showBottomNavigation,
|
||||
});
|
||||
|
||||
void closeDrawer() {
|
||||
rootScaffoldKey.currentState!.closeDrawer();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final routeName = AppRouter
|
||||
.instance.routerDelegate.currentConfiguration.lastOrNull?.route.name;
|
||||
final showBottom = showBottomNavigation ??
|
||||
AppNavigation.destinationPages.contains(routeName);
|
||||
|
||||
return Scaffold(
|
||||
key: rootScaffoldKey,
|
||||
drawer: const AppNavigationDrawer(),
|
||||
body: SolianTheme.isLargeScreen(context)
|
||||
? Row(
|
||||
children: [
|
||||
@ -40,24 +37,7 @@ class RootShell extends StatelessWidget {
|
||||
Expanded(child: child),
|
||||
],
|
||||
)
|
||||
: Stack(
|
||||
children: [
|
||||
child,
|
||||
Positioned(
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
child: const AppNavigationBottomBar()
|
||||
.animate(target: showBottom ? 0 : 1)
|
||||
.slideY(
|
||||
duration: 250.ms,
|
||||
begin: 0,
|
||||
end: 1,
|
||||
curve: Curves.easeInToLinear,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
: child,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -4,7 +4,8 @@ import 'package:go_router/go_router.dart';
|
||||
import 'package:solian/router.dart';
|
||||
import 'package:solian/theme.dart';
|
||||
import 'package:solian/widgets/app_bar_title.dart';
|
||||
import 'package:solian/widgets/prev_page.dart';
|
||||
import 'package:solian/widgets/prev_page.dart' as prev;
|
||||
import 'package:solian/widgets/drawer_button.dart' as drawer;
|
||||
|
||||
class TitleShell extends StatelessWidget {
|
||||
final bool showAppBar;
|
||||
@ -25,12 +26,14 @@ class TitleShell extends StatelessWidget {
|
||||
return Scaffold(
|
||||
appBar: showAppBar
|
||||
? AppBar(
|
||||
title: AppBarTitle(state.topRoute?.name?.tr ?? 'page'.tr),
|
||||
centerTitle: false,
|
||||
toolbarHeight: SolianTheme.toolbarHeight(context),
|
||||
leading: canPop ? const PrevPageButton() : null,
|
||||
automaticallyImplyLeading: false,
|
||||
)
|
||||
title: AppBarTitle(state.topRoute?.name?.tr ?? 'page'.tr),
|
||||
centerTitle: false,
|
||||
toolbarHeight: SolianTheme.toolbarHeight(context),
|
||||
leading: canPop
|
||||
? const prev.PrevPageButton()
|
||||
: const drawer.DrawerButton(),
|
||||
automaticallyImplyLeading: false,
|
||||
)
|
||||
: null,
|
||||
body: child,
|
||||
);
|
||||
|
Reference in New Issue
Block a user