groove/Vaani
1
0
Fork 0
mirror of https://github.com/Dr-Blank/Vaani.git synced 2025-12-06 11:09:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor onboarding to single page

Browse source 
bottom navigation bar
This commit is contained in:
Dr-Blank 2024-05-10 17:49:47 -04:00
parent d9345cad2b
commit 5e152a0baf
No known key found for this signature in database
GPG key ID: 7452CC63F210A266
10 changed files with 285 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

110
lib/router/router.dart
View file

@ -1,52 +1,100 @@
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:whispering_pages/pages/app_settings.dart';
import 'package:whispering_pages/pages/home_page.dart';
import 'package:whispering_pages/pages/library_item_page.dart';
import 'package:whispering_pages/pages/library_page.dart';
import 'package:whispering_pages/pages/onboarding/onboarding_single_page.dart';
import 'scaffold_with_nav_bar.dart';
import 'transitions/slide.dart';
part 'constants.dart';
final GlobalKey<NavigatorState> _rootNavigatorKey =
GlobalKey<NavigatorState>(debugLabel: 'root');
final GlobalKey<NavigatorState> _sectionANavigatorKey =
GlobalKey<NavigatorState>(debugLabel: 'sectionANav');
// GoRouter configuration
class MyAppRouter {
const MyAppRouter({required this.needOnboarding});
final bool needOnboarding;
// some static strings for named routes
const MyAppRouter();
GoRouter get config => GoRouter(
routes: [
// sign in page
GoRoute(
path: '/login',
name: Routes.onboarding,
path: Routes.onboarding.path,
name: Routes.onboarding.name,
builder: (context, state) => const OnboardingSinglePage(),
),
GoRoute(
path: '/',
name: Routes.home,
builder: (context, state) => const HomePage(),
),
// /library/:libraryId
GoRoute(
path: Routes.library.path,
name: Routes.library.name,
builder: (context, state) => LibraryPage(
libraryId: state.pathParameters[Routes.library.pathParamName]!,
),
),
GoRoute(
path: Routes.libraryItem.path,
name: Routes.libraryItem.name,
builder: (context, state) {
final itemId =
state.pathParameters[Routes.libraryItem.pathParamName]!;
return LibraryItemPage(itemId: itemId, extra: state.extra);
StatefulShellRoute.indexedStack(
builder: (
BuildContext context,
GoRouterState state,
StatefulNavigationShell navigationShell,
) {
// Return the widget that implements the custom shell (in this case
// using a BottomNavigationBar). The StatefulNavigationShell is passed
// to be able access the state of the shell and to navigate to other
// branches in a stateful way.
return ScaffoldWithNavBar(navigationShell: navigationShell);
},
branches: <StatefulShellBranch>[
// The route branch for the first tab of the bottom navigation bar.
StatefulShellBranch(
navigatorKey: _sectionANavigatorKey,
routes: <RouteBase>[
GoRoute(
path: '/',
name: Routes.home,
// builder: (context, state) => const HomePage(),
pageBuilder: defaultPageBuilder(const HomePage()),
),
// /library/:libraryId
GoRoute(
path: Routes.library.path,
name: Routes.library.name,
builder: (context, state) => LibraryPage(
libraryId:
state.pathParameters[Routes.library.pathParamName]!,
),
),
GoRoute(
path: Routes.libraryItem.path,
name: Routes.libraryItem.name,
// builder: (context, state) {
// final itemId = state
// .pathParameters[Routes.libraryItem.pathParamName]!;
// return LibraryItemPage(
// itemId: itemId, extra: state.extra);
// },
pageBuilder: (context, state) {
final itemId = state
.pathParameters[Routes.libraryItem.pathParamName]!;
final child =
LibraryItemPage(itemId: itemId, extra: state.extra);
return buildPageWithDefaultTransition(
context: context,
state: state,
child: child,
);
},
),
],
),
StatefulShellBranch(
routes: <RouteBase>[
GoRoute(
path: Routes.settings.path,
name: Routes.settings.name,
// builder: (context, state) => const AppSettingsPage(),
pageBuilder: defaultPageBuilder(const AppSettingsPage()),
),
],
),
],
),
],
redirect: (context, state) {
if (needOnboarding) {
return config.namedLocation(Routes.onboarding);
}
return null;
},
);
}