如何在bloc [flutter]上列出项目复制

Question

我想改变List> Bloc 上的列表。

下面是我的示例块代码。

请教我如何正确使用copyWith。

[示例代码]

class StateA extends Equatable {
  List<Map<String, dynamic>> listMap;

  StateA({ required this.listMap});

  StateA copyWith(
   {List<Map<String, dynamic>>? listMap,}) {
  return StateA(
    listMap: listMap ?? this.listMap);
}
}

class CubitA extends Cubit<StateA> {
 CubitA() : super(StateA(listMap: []));

 void testCopy() {
  emit(state.copyWith(listMap: [{"test_key": "test_value"}]));
  print(state.listMap); // => []
}

（我英语不好，抱歉）

Answer 1

我解决它添加对象？

代码如下。

class StateA extends Equatable {
  List<Map<String, dynamic>> listMap;

  StateA({ required this.listMap});

  StateA copyWith(
   {List<Map<String, dynamic>>? listMap,}) {
  return StateA(
    listMap: listMap ?? this.listMap);
  };

  // Add below code
  List<Object?> get props => [listMap];
}

class CubitA extends Cubit<StateA> {
 CubitA() : super(StateA(listMap: []));

 void testCopy() {
  emit(state.copyWith(listMap: [{"test_key": "test_value"}]));
  print(state.listMap); // => [{"test_key": "test_value"}]
}

Answer 2

因此，应使用此上下文中的 copy with 函数将地图添加到地图列表中。

StateA copyWith(
   {List<Map<String, dynamic>> newListMap}) {
  return StateA(
    listMap: [listMap, newListMap]);
}

此函数将允许您将项目添加到当前状态的 listMap 并发出新状态。

建议：

1. 不要将 copyWith 函数的参数作为可选参数（去掉问号）。

2. 您必须重写 props 函数才能使 equatable 正常工作。请参阅文档或一些视频来了解这一点。

3. 如果您对 flutter 很陌生，请忽略这一点..但我建议您浏览冻结的课程视频以创建块状态。我将在下面链接一个视频。它生成 copyWith 和 equals 操作的所有样板代码。
   https://youtu.be/ApvMmTrBaFI

Answer 3

这个工作

Bloc 状态：

enum ProductStatus { initial, loading, success, failure }

class ProductState extends Equatable {
  const ProductState(
      {this.status, this.error, this.productResponse, this.categoryResponse});

  final ProductStatus? status;
  final String? error;
  final ProductResponse? productResponse;
  final CategoryResponse? categoryResponse;

  @override
  List<Object?> get props => [status, error, productResponse, categoryResponse];

  ProductState copyWith({
    ProductStatus? status,
    String? error,
    ProductResponse? productResponse,
    CategoryResponse? categoryResponse,
  }) {
    return ProductState(
      status: status ?? this.status,
      error: error ?? this.error,
      productResponse: productResponse ?? this.productResponse,
      categoryResponse: categoryResponse ?? this.categoryResponse,
    );
  }
}

像这样发出：

 CategoryResponse categoryResponse =
          CategoryResponse.fromJson(jsonDecode(result.response.toString()));
      emit(state.copyWith(
          categoryResponse: categoryResponse));

Answer 4

您必须为您的 StateA 创建一个对象，然后通过该对象访问副本。