Using multi provider with GoRouter

[cedricDevWP]

I using multi provider with GoRouter but i have an error...

i have my main.dart :

Future<void> main() async {
  tz.initializeTimeZones();
  await dotenv.load(fileName: 'environments/.development'); // 'environments/.development' ou 'environments/.production'

  bool isDarkMode = await Preferences.isDarkMode();
  runApp(
    AppProviders(
      child: const MyApp(),
      appearanceProvider: AppearanceProvider(isDarkMode),
      loginProvider: LoginProvider(),
    ),
  );
}

class AppProviders extends StatelessWidget {
  final Widget child;
  final AppearanceProvider appearanceProvider;
  final LoginProvider loginProvider;

  const AppProviders({Key? key, required this.child, required this.appearanceProvider, required this.loginProvider}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => appearanceProvider),
        ChangeNotifierProvider(create: (context) => loginProvider),
      ],
      builder: (context, child) {
        return this.child;
      },
    );
  }
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return Consumer2(
      builder: (context, AppearanceProvider appearanceProvider, LoginProvider loginProvider, child) {
        GoRouter _router = MyAppRouter.get(loginProvider);

        return MaterialApp.router(
          title: 'App',
          debugShowCheckedModeBanner: false,
          theme: CTheme.getStandardTheme(appearanceProvider.darkMode),
          supportedLocales: const [
            Locale('fr'),
          ],
          localizationsDelegates: const [
            FormBuilderLocalizations.delegate,
            GlobalMaterialLocalizations.delegate,
            GlobalWidgetsLocalizations.delegate,
            GlobalCupertinoLocalizations.delegate,
            DefaultCupertinoLocalizations.delegate,
          ],
          routerDelegate: _router.routerDelegate,
          routeInformationParser: _router.routeInformationParser,
        );
      },
    );
  }
}

And i have my router file :

class MyAppRouter {
  static GoRouter get(LoginProvider loginProvider) {
    return GoRouter(
      urlPathStrategy: UrlPathStrategy.path,
      refreshListenable: loginProvider,
      redirect: (GoRouterState state) {
        LoginProvider loginProvider = LoginProvider();
        final bool isLoggedIn = loginProvider.isLoggedIn;

        final isLoggingPage = state.location == RouteConfiguration.routeLogin;

        if (!isLoggedIn && !isLoggingPage) return RouteConfiguration.routeLogin;
        if (isLoggedIn && isLoggingPage) return RouteConfiguration.routeHome;

        return null;
      },
      routes: [
        GoRoute(
          path: RouteConfiguration.routeHome,
          pageBuilder: (context, state) => addDefaultStarter(addDefaultScafold(context, state, const HomeScreen())),
        ),
        GoRoute(
          path: RouteConfiguration.routeLogin,
          pageBuilder: (context, state) {
            return addDefaultStarter(AuthScreen());
          },
        ),
        GoRoute(
          path: RouteConfiguration.routeRequests,
          pageBuilder: (context, state) => addDefaultStarter(addDefaultScafold(context, state, const RequestsScreen())),
          routes: [
            GoRoute(
              path: RouteConfiguration.routeCreate,
              pageBuilder: (context, state) => addDefaultStarter(addDefaultScafold(context, state, const CreateRequestScreen())),
            ),
            GoRoute(
              path: r":id(\d+)",
              pageBuilder: (context, state) {
                return addDefaultStarter(addDefaultScafold(context, state, RequestScreen(requestId: int.tryParse(state.params['id'] ?? "") ?? 0)));
              },
            ),
          ],
        ),
        GoRoute(
          path: RouteConfiguration.routeAccount,
          redirect: (_) => RouteConfiguration.routeAccountProfile,
        ),
        GoRoute(
          path: RouteConfiguration.routeAccountProfile,
          pageBuilder: (context, state) {
            return addDefaultStarter(addDefaultScafold(context, state, const ProfilScreen()));
          },
        ),
        GoRoute(
          path: RouteConfiguration.routeAccountAppearance,
          pageBuilder: (context, state) {
            return addDefaultStarter(addDefaultScafold(context, state, const AppearanceScreen()));
          },
        ),
      ],
      errorPageBuilder: (context, state) => errorPage(context, state),
    );
  }

  static Widget addDefaultScafold(BuildContext context, GoRouterState state, Widget widget) {
    final Size _size = MediaQuery.of(context).size;
    final ThemeData _theme = Theme.of(context);

    return Container(
      color: _theme.scaffoldBackgroundColor,
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Menu(state: state),
          Expanded(
            child: Scaffold(
              body: SingleChildScrollView(
                primary: false,
                child: Padding(
                  padding: EdgeInsets.only(left: _size.width > 800 ? 25 : 10, right: _size.width > 800 ? 25 : 10, top: 50, bottom: 50),
                  child: widget,
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  static NoTransitionPage addDefaultStarter(Widget widget) {
    return NoTransitionPage<void>(
      child: dotenv.get('DEBUG') == 'true'
          ? Banner(
              child: widget,
              location: BannerLocation.topEnd,
              message: 'Dev',
              color: CTheme.cOrange,
              textStyle: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16.0, color: CTheme.cWhite),
              textDirection: TextDirection.ltr,
            )
          : widget,
    );
  }

  static NoTransitionPage errorPage(BuildContext context, GoRouterState state) {
    final ThemeData _theme = Theme.of(context);

    return addDefaultStarter(Center(
      child: Text(
        "Page introuvable",
        style: _theme.textTheme.headline1,
      ),
    ));
  }
}

And i my screen login app, i try to access of provider Login but i have an error

class AuthScreen extends StatelessWidget {
  final AuthController _authController = AuthController();

  AuthScreen({Key? key}) : super(key: key);

  Duration get loginTime => const Duration(milliseconds: 2250);

  @override
  Widget build(BuildContext context) {
    final _theme = Theme.of(context);

// ERROR
    print(context.watch<LoginProvider>());

    return FlutterLogin(
      title: 'test',
      theme: LoginTheme(
        switchAuthTextColor: _theme.colorScheme.primary,
        pageColorLight: _theme.primaryColor,
        pageColorDark: _theme.primaryColor,
        primaryColor: _theme.colorScheme.primary,
        accentColor: _theme.primaryColor,
        titleStyle: _theme.textTheme.headline1,
        textFieldStyle: _theme.textTheme.bodyText1,
        bodyStyle: _theme.textTheme.subtitle2,
        inputTheme: InputDecorationTheme(
          border: _theme.inputDecorationTheme.enabledBorder,
          focusedBorder: _theme.inputDecorationTheme.focusedBorder,
          labelStyle: _theme.inputDecorationTheme.labelStyle,
          floatingLabelStyle: _theme.inputDecorationTheme.floatingLabelStyle,
          fillColor: _theme.colorScheme.primary,
        ),
        buttonTheme: LoginButtonTheme(
          backgroundColor: _theme.colorScheme.primary,
          splashColor: Colors.white,
          shape: CTheme.getBorder(),
        ),
        authButtonPadding: const EdgeInsets.all(25),
      ),
      userValidator: (String? value) => _authController.fieldValidator(value, isEmail: true),
      passwordValidator: (String? value) => _authController.fieldValidator(value, isPassword: true),
      onLogin: _authController.authUser,
      onSignup: _authController.signupUser,
      onSubmitAnimationCompleted: () {},
      onRecoverPassword: _authController.recoverPassword,
      onConfirmRecover: _authController.onConfirmRecover,
      onConfirmSignup: _authController.onConfirmSignup,
      onResendCode: _authController.onResendCode,
      loginAfterSignUp: false,
      initialAuthMode: AuthMode.login,
      showDebugButtons: false,
      disableCustomPageTransformer: true,
    );
  }
}

i don't know if the problem come to the package go_router or i do a mistake in my code...

Any ideas ?

thx

[csells]

Can you cut it down to a single file that I can compile and run so I can debug?

[cedricDevWP]

By building the file containing all the classes I wanted to test again and it works...

So when I put all the classes in one file it works but if I separate in several files it doesn't work...

Do you have any idea where it could come from?

[cedricDevWP]

Ok i do a mistake... i using other package flutter_login and in this package they have provider LoginProvider, so i import this class in one file and my LoginProvider class in other file...