tayormi / auth_riverpod_gorouter

How to handle authentication with Riverpod and GoRouter

Hey there

🔥 My Stats :

🔥 About Me :

My name is Temitope and here's a little about me.

• 🔭 I’m currently building Code Clan Nigeria, a community whose goal is to turn 500+ people into developers every 3 months. www.codeclannigeria.dev
• 🌱 I’m currently building a Dart Frog Enterprise API Boilerplate
• 👯 I’m looking to collaborate on with community building and developer relations.
• 💬 Ask me about Flutter
• 📫 How to reach me: [email protected]
• ⚡ Fun fact: I love to be indoors.

My recent YouTube videos

• Building a Fullstack AI Saas Kit in Flutter/Dart
• Let Github Copilot help you write tests in Flutter
• Fullstack SaaS AI Kit in Flutter
• First Look - Manage States in your Flutter App with Signals
• Build PDF.ai Clone with Flutter, Pinecone, Langchain and ChatGPT - Full Flutter Course

auth_riverpod_gorouter's Issues

The argument type 'String? Function(GoRouterState)' can't be assigned to the parameter type 'FutureOr<String?> Function(BuildContext, GoRouterState)?'.

The argument type 'String? Function(GoRouterState)' can't be assigned to the parameter type 'FutureOr<String?> Function(BuildContext, GoRouterState)?'.

`final routerProvider = Provider((ref) {
final router = RouterNotifier(ref);
return GoRouter(
debugLogDiagnostics: true,
refreshListenable: router,
redirect: router._redirectLogic,
routes: router._routes);
});

class RouterNotifier extends ChangeNotifier {
final Ref _ref;

RouterNotifier(this._ref) {
ref.listen(
loginControllerProvider,
(, __) => notifyListeners(),
);
}

String? _redirectLogic(GoRouterState state) {
final loginState = _ref.read(loginControllerProvider);

final isLoggedIn = state.location == '/login';

if (loginState is LoginStateInitial) {
  return isLoggedIn ? null : '/login';
}

if (isLoggedIn) return '/';

return null;

}

List get _routes => [
GoRoute(
name: 'login',
builder: (context, state) => const AppLoginScreen(),
path: '/login',
),
GoRoute(
name: 'home',
builder: (context, state) => const AppHomeScreen(),
path: '/',
),
GoRoute(
name: 'scan',
builder: (context, state) => const QRScanner(),
path: '/scan',
)
];
}`

Routing is not happening in my application?

Hi, i saw this project and thought it was a nice way to start my authentication flow in my application. However, the initial routing happens nicely, it identifies that the loginState is not logged in so, it gets redirected to the login page.

After that, i can't navigate to anything else but the login page tho. The debugger does say i'm navigating elsewhere:

My RouterProvider:

My login controller: