mirror of
https://github.com/lucavenir/go_router_riverpod.git
synced 2025-08-06 14:59:53 +08:00
145 lines
3.4 KiB
Dart
145 lines
3.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
|
|
import 'router/router_notifier.dart';
|
|
import 'router/routes.dart';
|
|
import 'state/auth.dart';
|
|
import 'utils/state_logger.dart';
|
|
|
|
void main() {
|
|
runApp(
|
|
const ProviderScope(observers: [StateLogger()], child: MyAwesomeApp()),
|
|
);
|
|
}
|
|
|
|
class MyAwesomeApp extends HookConsumerWidget {
|
|
const MyAwesomeApp({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final notifier = ref.watch(routerNotifierProvider.notifier);
|
|
|
|
final key = useRef(GlobalKey<NavigatorState>(debugLabel: 'routerKey'));
|
|
final router = useMemoized(
|
|
() => GoRouter(
|
|
navigatorKey: key.value,
|
|
refreshListenable: notifier,
|
|
debugLogDiagnostics: true,
|
|
initialLocation: $splashRoute.path,
|
|
routes: notifier.routes,
|
|
redirect: notifier.redirect,
|
|
),
|
|
[notifier],
|
|
);
|
|
|
|
return MaterialApp.router(
|
|
routerConfig: router,
|
|
title: 'hooks_riverpod + go_router Demo',
|
|
theme: ThemeData(
|
|
primarySwatch: Colors.blue,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class HomePage extends ConsumerWidget {
|
|
const HomePage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text("Your phenomenal app")),
|
|
body: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
const Text("Home Page"),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
ref.watch(authNotifierProvider.notifier).logout();
|
|
},
|
|
child: const Text("Logout"),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class LoginPage extends ConsumerWidget {
|
|
const LoginPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
return Scaffold(
|
|
appBar: null,
|
|
body: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
const Text("Login Page"),
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
ref.watch(authNotifierProvider.notifier).login(
|
|
"myEmail",
|
|
"myPassword",
|
|
);
|
|
},
|
|
child: const Text("Login"),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SplashPage extends StatelessWidget {
|
|
const SplashPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const Scaffold(
|
|
body: Center(child: Text("Splash Page")),
|
|
);
|
|
}
|
|
}
|
|
|
|
class AdminPage extends StatelessWidget {
|
|
const AdminPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const Scaffold(
|
|
body: Center(child: Text("Admin Page")),
|
|
);
|
|
}
|
|
}
|
|
|
|
class UserPage extends StatelessWidget {
|
|
const UserPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const Scaffold(
|
|
body: Center(child: Text("User Page")),
|
|
);
|
|
}
|
|
}
|
|
|
|
class GuestPage extends StatelessWidget {
|
|
const GuestPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const Scaffold(
|
|
body: Center(child: Text("Guest Page")),
|
|
);
|
|
}
|
|
}
|