如何用Riverpod创建子属性更新时同步父对象的嵌套模型

方案1：让Container直接管理Member列表状态 #

把Member列表的状态逻辑整合到ContainerNotifier中，避免独立的memberListProvider，更新成员时直接修改Container状态，天然实现同步：

@riverpod
class Container extends _$Container {
  @override
  ContainerModel build() {
    return ContainerModel(members: []);
  }

  void setMembers(List<MemberModel> newMembers) {
    // 遵循不可变原则，通过赋值新状态触发更新
    state = state.copyWith(members: newMembers);
  }

  void updateMember(int index, MemberModel updatedMember) {
    final newMembers = List<MemberModel>.from(state.members);
    newMembers[index] = updatedMember;
    state = state.copyWith(members: newMembers);
  }
}

// 数据模型需实现copyWith保证不可变性
class ContainerModel {
  final List<MemberModel> members;

  ContainerModel({required this.members});

  ContainerModel copyWith({List<MemberModel>? members}) {
    return ContainerModel(members: members ?? this.members);
  }
}

class MemberModel {
  final String id;
  final String name;

  MemberModel({required this.id, required this.name});

  MemberModel copyWith({String? id, String? name}) {
    return MemberModel(
      id: id ?? this.id,
      name: name ?? this.name,
    );
  }
}

方案2：通过Provider依赖自动联动 #

如果必须保留独立的memberListProvider，让containerProvider依赖它，利用Riverpod的自动订阅机制实现同步：

@riverpod
class MemberList extends _$MemberList {
  @override
  List<MemberModel> build() {
    return [];
  }

  void setMembers(List<MemberModel> newMembers) {
    state = newMembers;
  }
}

@riverpod
class Container extends _$Container {
  @override
  ContainerModel build() {
    // 监听memberListProvider的状态变化，自动触发Container状态更新
    final memberList = ref.watch(memberListProvider);
    return ContainerModel(members: memberList);
  }
}

方案3：手动触发Container状态更新 #

需要灵活控制同步时机时，在MemberListNotifier中主动调用ContainerNotifier的更新方法：

@riverpod
class MemberList extends _$MemberList {
  @override
  List<MemberModel> build() {
    return [];
  }

  void setMembers(List<MemberModel> newMembers) {
    state = newMembers;
    // 获取Container的Notifier实例，主动更新其成员列表
    ref.read(containerProvider.notifier).syncMembers(newMembers);
  }
}

@riverpod
class Container extends _$Container {
  @override
  ContainerModel build() {
    return ContainerModel(members: []);
  }

  void syncMembers(List<MemberModel> newMembers) {
    state = state.copyWith(members: newMembers);
  }
}

核心注意事项 #

• 必须遵循Riverpod的不可变状态规则，所有状态更新必须通过state = 新对象完成，禁止直接修改原对象属性。
• 避免循环依赖：不要让memberListProvider和containerProvider互相依赖，保持单向数据流。
• 方案2中containerProvider会自动订阅memberListProvider，成员列表变化时自动重建Container状态。

内容的提问来源于stack exchange，提问作者Jordan Corbman