Skip to main content
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. Additional platforms coming soon.

​
Implementation Guide

  • Core Group Chat
  • Group Creation & Setup
  • Group Settings & Administration
  • Member Management
  • Moderation & Reporting
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

Planning group creation to deletion workflowDesign clear user flows for creating groups, managing settings, adding members, and handling group lifecycle events. Consider how users will discover groups, join conversations, and manage their participation.
Implementing role-based access controlPlan your group permission structure carefully, considering moderator privileges, member capabilities, and administrative controls. Use the built-in role system to maintain appropriate access levels.
Building effective content managementConfigure reporting workflows, automated moderation responses, and escalation procedures. Plan how moderators will handle reported content and member management tasks.

​
Best Practices

Creating intuitive group interactionsDesign clear navigation between group functions, provide helpful onboarding for group creation, and ensure member management tools are easily accessible to appropriate users.
Planning for group growthConsider how your groups will scale with member count, message volume, and administrative complexity. Plan appropriate limits and management tools for large groups.
Maintaining secure group environmentsImplement appropriate privacy controls for different group types, ensure reporting mechanisms are easily accessible, and provide clear moderation capabilities for group administrators.

Conversation Chat

Individual Messaging One-on-one conversation features

Recent Chats

Chat Management Organize and navigate conversations

Users & Profiles

User Controls Profile and user interaction features
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.