Key Benefit: Build feature-rich group conversations with complete member management, role-based permissions, moderation tools, and interactive messaging capabilities all in pre-built components.

Feature Overview

The Group Chat UIKit is designed to provide a complete solution for multi-user conversations within your application. It offers rich functionality for group creation, member management, and interactive messaging experiences. This component is ideal for building community spaces, team channels, or any feature requiring conversations among multiple participants.

Group Management

Complete Group Control
  • Create and customize group chats
  • Edit group profiles and settings
  • Privacy controls (public/private)
  • Avatar and name management

Member Administration

Advanced Member Controls
  • Add, remove, and ban members
  • Role-based permissions system
  • Moderator privilege management
  • Member action controls

Rich Messaging

Interactive Communication
  • Text, images, videos, and files
  • Message reactions and threading
  • Edit and delete capabilities
  • Real-time message delivery

Moderation Tools

Safety & Control
  • Message reporting system
  • User banning and management
  • Content moderation tools
  • Notification preferences
Platform Support: Group Chat components are currently supported on Flutter only.

Implementation Guide

Main group conversation interfaceThe primary components for group chat functionality and conversation management.

Group Chat Page

The AmityGroupChatPage serves as the main interface for group conversations with real-time messaging capabilities.

Required Parameters

ParameterTypeDescription
channelIdStringUnique identifier for the group chat channel

Features

FeatureDescription
Real-time DisplayLive message updates and conversation flow
Message CompositionText, images, videos, and file attachments
Message ActionsReply, edit, delete, and reaction capabilities
Member InteractionUser profiles and member-specific actions

Code Examples

Widget groupChatPage() {
  return AmityGroupChatPage(
    channelId: 'your-channel-id',
  );
}
Automatic Features: The group chat page automatically handles real-time updates, message synchronization, and user interactions through the underlying SDK.

Component Management Strategies

Best Practices

Implementation Strategy: Start with AmityGroupChatPage for basic group messaging, then add AmityCreateGroupChatPage for group creation, and finally integrate the settings and moderation components as needed for your use case.