Group Members

CometChatGroupMembers(
  group: group,
  onItemTap: (groupMember) {
    // Navigate to member profile or chat
  },
)

Navigator.push(context, MaterialPageRoute(
  builder: (context) => CometChatGroupMembers(group: group),
));

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SafeArea(
      child: CometChatGroupMembers(group: group),
    ),
  );
}

CometChatGroupMembers(
  group: group,
  groupMembersRequestBuilder: GroupMembersRequestBuilder(group.guid)
    ..limit = 20
    ..searchKeyword = "john",
)

CometChatGroupMembers(
  group: group,
  onItemTap: (groupMember) {
    // Navigate to member profile
  },
)

CometChatGroupMembers(
  group: group,
  onItemLongPress: (groupMember) {
    // Custom long press behavior
  },
)

CometChatGroupMembers(
  group: group,
  onBack: () {
    Navigator.pop(context);
  },
)

CometChatGroupMembers(
  group: group,
  selectionMode: SelectionMode.multiple,
  onSelection: (selectedMembers) {
    // Handle selected members
  },
)

CometChatGroupMembers(
  group: group,
  onError: (e) {
    debugPrint("Error: $e");
  },
)

CometChatGroupMembers(
  group: group,
  onLoad: (memberList) {
    debugPrint("Loaded ${memberList.length} members");
  },
)

CometChatGroupMembers(
  group: group,
  onEmpty: () {
    debugPrint("No members found");
  },
)

class _YourScreenState extends State<YourScreen> with CometChatGroupEventListener {
  @override
  void initState() {
    super.initState();
    CometChatGroupEvents.addGroupsListener("listenerId", this);
  }

  @override
  void dispose() {
    CometChatGroupEvents.removeGroupsListener("listenerId");
    super.dispose();
  }

  @override
  void ccGroupMemberKicked(Action action, User kickedUser, User kickedBy, Group kickedFrom) {
    // Handle member kicked
  }

  @override
  void ccGroupMemberBanned(Action action, User bannedUser, User bannedBy, Group bannedFrom) {
    // Handle member banned
  }

  @override
  void ccGroupMemberScopeChanged(Action action, User updatedUser, String scopeChangedTo, String scopeChangedFrom, Group group) {
    // Handle scope changed
  }
}

CometChatGroupMembers(
  group: group,
  leadingView: (context, groupMember) {
    return CircleAvatar(
      child: Text(groupMember.name?[0] ?? ""),
    );
  },
)

CometChatGroupMembers(
  group: group,
  titleView: (context, groupMember) {
    return Text(
      groupMember.name ?? "",
      style: TextStyle(fontWeight: FontWeight.bold),
    );
  },
)

CometChatGroupMembers(
  group: group,
  subtitleView: (context, groupMember) {
    return Text(
      groupMember.scope ?? "participant",
      style: TextStyle(color: Color(0xFF727272), fontSize: 14),
    );
  },
)

CometChatGroupMembers(
  group: group,
  trailingView: (context, groupMember) {
    return Chip(label: Text(groupMember.scope ?? ""));
  },
)

CometChatGroupMembers(
  group: group,
  listItemView: (groupMember) {
    return ListTile(
      leading: CircleAvatar(child: Text(groupMember.name?[0] ?? "")),
      title: Text(groupMember.name ?? ""),
      subtitle: Text(groupMember.scope ?? "participant"),
      trailing: Chip(label: Text(groupMember.scope ?? "")),
    );
  },
)

CometChatGroupMembers(
  group: group,
  emptyStateView: (context) => Center(child: Text("No members")),
  errorStateView: (context) => Center(child: Text("Something went wrong")),
  loadingStateView: (context) => Center(child: CircularProgressIndicator()),
)

// Replace all options
CometChatGroupMembers(
  group: group,
  setOptions: (groupMember, bloc, context) {
    return [
      CometChatOption(
        id: "message",
        iconWidget: Icon(Icons.message),
        title: "Message",
        onClick: () {
          // Open chat with this member
        },
      ),
    ];
  },
)

// Append to defaults
CometChatGroupMembers(
  group: group,
  addOptions: (groupMember, bloc, context) {
    return [
      CometChatOption(
        id: "profile",
        iconWidget: Icon(Icons.person),
        title: "View Profile",
        onClick: () {
          // Open member profile
        },
      ),
    ];
  },
)

CometChatGroupMembers(
  group: group,
  // Supply your own data source with groupMembersProtocol / groupMembersRequestBuilder,
  // and observe list state with stateCallBack — there is no `groupMembersBloc` parameter.
  groupMembersRequestBuilder: GroupMembersRequestBuilder(group.guid),
)

CometChatGroupMembers(
  group: group,
  style: CometChatGroupMembersStyle(
    avatarStyle: CometChatAvatarStyle(
      borderRadius: BorderRadius.circular(8),
      backgroundColor: Color(0xFFFBAA75),
    ),
    statusIndicatorStyle: CometChatStatusIndicatorStyle(),
    changeScopeStyle: CometChatChangeScopeStyle(),
    confirmDialogStyle: CometChatConfirmDialogStyle(),
  ),
)