使用auto_route和flutter_bloc库导航页面不起作用

Question

我尝试使用auto_route和flutter_bloc库来导航页面，但是没有触发bloclistener。

我正在使用print（SplashRoute == navigationState.initial（）。uteType）;用bloclistener检查触发条件，它是返回true。

但是，bloclistener仍然没有触发。

应用程序的示例代码。谢谢。

代码问题:(？这是

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const AppWidget());
}


class AppWidget extends StatelessWidget {
  const AppWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final rootRouter = RootRouter();
    return MultiBlocProvider(
        providers: [
          BlocProvider(
            create: (_) => NavigationCubit()..nav(SplashRoute),
          ),
          // ... Other blocProvider
        ],
        child: BlocBuilder<ThemeCubit, ThemeState>(
          builder: (context, state) {
            return MaterialApp.router(
              debugShowCheckedModeBanner: false,
              theme: state.themeData,
              routerDelegate: rootRouter.delegate(),
              routeInformationParser: rootRouter.defaultRouteParser(),
            );
          },
        ));
  }
}

class SplashPage extends StatelessWidget {
  const SplashPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    print(SplashRoute == NavigationState.initial().routeType);     // <------ return ture

    return MultiBlocListener(
      listeners: [
        BlocListener<NavigationCubit, NavigationState>(     // <------ Not working here
          listenWhen: (p, c) => c.routeType is SplashRoute,
          listener: (context, state) {
            LoggerService.simple.i('NavigationCubit page listening!!');
            context.read<NavigationCubit>().nav(HomeRoute);
            context.pushRoute(const HomeRoute());
          },
          // ... Other blocListener
        ),
      ],
      child: const Scaffold(
        body: Center(
          child: CircularProgressIndicator(),
        ),
      ),
    );
  }
}

我该如何解决我的

part of 'navigation_cubit.dart';

@freezed
abstract class NavigationState with _$NavigationState {
  const factory NavigationState({
    required Type routeType,
  }) = _NavigationState;

  factory NavigationState.initial() => const NavigationState(
        routeType:  SplashRoute,
      );
}

我的 >

import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:freezed_annotation/freezed_annotation.dart';

import '../../../presentation/routes/router.gr.dart';

part 'navigation_cubit.freezed.dart';
part 'navigation_state.dart';

class NavigationCubit extends Cubit<NavigationState> {
  NavigationCubit() : super(NavigationState.initial());

  void nav(Type routeType) {
    emit(
      state.copyWith(
        routeType: routeType,
      ),
    );
  }

  @override
  Future<void> close() async {
    return super.close();
  }
}

Answer 1

我可以从您的代码中解释两件事。无论哪种方式，它都不会像您希望的那样工作。

我对您的问题的理解是，您正在尝试使用bloclistener在初始状态下导航，这是行不通的。

原因是bloclistener没有在初始状态下触发，因为它不是状态更改，而是由bloc定义的东西。

我看到的第二件事是，您在提供bloc时调用nav方法，这是一件好事：navigationCubit（）.. nav（splashroute）。但是，它将为参数RouteType设置相同的值，该值不会触发状态更改，因为它是相同的值。这意味着不会触发bloclistener。

将RouteType设置为最初的东西，也许将其设置为null，以便您的BLOC可以识别状态更改，然后将bloclistener触发。

编辑：

另外，c.RouteType是Splashroute似乎不正确。尝试更改为c.RouteType == splashroute在中，请在属性时，否则您的函数在侦听器属性中都不会触发