Flutter BlocListener 即使在发出不同状态后也不会监听状态变化

Question

我有一个发出一些状态的集团用户状态

这些是我目前的状态

part of 'user_bloc.dart';

@immutable
abstract class UserState extends Equatable {}

class UserInitial extends UserState {
  @override
  List<Object?> get props => [];
}

class UserCreating extends UserState {
  @override
  List<Object?> get props => [];
}

class UserCreated extends UserState {
  late final String message;
  UserCreated(this.message);
  @override
  List<Object?> get props => [];
}

class UserError extends UserState {
  late final String error;
  UserError(this.error);
  @override
  List<Object?> get props => [error];
}

下面也是我的 UserBloc 事件

part of 'user_bloc.dart';

@immutable
abstract class UserEvent extends Equatable {
  @override
  List<Object?> get props => [];
}

class CreateUser extends UserEvent {
  final String name;
  final String email;
  final String password;
  final String? imageUrl;

  CreateUser({
    required this.name,
    required this.email,
    required this.password,
    required this.imageUrl,
  });
}

下面是我发出状态的主要 UserBloc

class UserBloc extends Bloc<UserEvent, UserState> {
  UserRepository userRepository;
  UserBloc(this.userRepository) : super(UserInitial()) {
    on<CreateUser>((event, emit) async {
      emit(UserCreating());
      try {
        final result = await userRepository.signup(
          name: event.name,
          password: event.password,
          email: event.email,
        );
        print(result);
        emit(
          UserCreated('User created successfully'),
        );
      } on DioError catch (error) {
        emit(
          UserError(
            error.response.toString(),
          ),
        );
      } catch (error) {
        emit(
          UserError(
            error.toString(),
          ),
        );
      }
    });
  }
}

我已经用 Multirepository 提供程序和 muiltiblocprovider 包装了我的 MaterialApp，我的所有块都被初始化了。下面是代码。

@override
  Widget build(BuildContext context) {
    return MultiRepositoryProvider(
      providers: [
        RepositoryProvider(create: (context) => UserRepository()),
      ],
      child: MultiBlocProvider(
        providers: [
          BlocProvider<ThemeModeCubit>(
            create: (context) => ThemeModeCubit(),
          ),
          BlocProvider<InternetCubit>(
            create: (context) => InternetCubit(connectivity),
          ),
          BlocProvider(
            create: (context) => UserBloc(
              RepositoryProvider.of<UserRepository>(context),
            ),
          )
        ],
        child: ValueListenableBuilder(...)

最后，我在代码中使用 bloc 监听器来监听 bloc 中的更改，但在更改之前我没有得到任何响应。

final userRepo = RepositoryProvider.of<UserRepository>(context);

child: BlocListener(
            bloc: UserBloc(userRepo),
            listener: (ctx, state) {
              print('listener called');
              if (state is UserCreating) {
                print('loading emited');
                QuickAlert.show(
                  context: context,
                  type: QuickAlertType.loading,
                  title: 'Loading',
                  text: 'Signing up',
                );
              } else if (state is UserCreated) {
                QuickAlert.show(
                  context: context,
                  type: QuickAlertType.success,
                  text: 'User created sucessfully', //state.message,
                );
              } else if (state is UserError) {
                QuickAlert.show(
                  context: context,
                  type: QuickAlertType.success,
                  text: state.error,
                );
              }
            },
            child: Form(...)

这就是我从用户那里调用我的事件的方式

context.read<UserBloc>().add(
        CreateUser(
          name: name,
          email: email,
          password: password,
          imageUrl: imageUrl,
      ),
   );

Answer 1

如果小部件没有更新，那是因为 bloc 认为发出的状态与前一个状态相同。

我看到你扩展平等。

Equatable 会为您覆盖 == 运算符，并使用 props 检查是否相等。 UserCreating 和 UserCreated 都返回一个空列表，因此 Bloc 可能没有看到任何变化。

我会亲自覆盖== 运算符来检查对象类型。 如果您想继续使用 equatable，只需确保返回的 props 实际上不同。

Answer 2

我看到你在外面的MultiBlocProvider 中提供了一个UserBloc：

BlocProvider(
    create: (context) => UserBloc(
       RepositoryProvider.of<UserRepository>(context),
    ),
)

那么你不应该将另一个新的UserBloc 传递给BlocBuilder，这将使BlocBuilder 听不同的UserBloc 实例，改变

BlocListener(
   bloc: UserBloc(userRepo),
   listener: (ctx, state) {
}

至

BlocListener(
    listener: (ctx, state) {
}