Key Benefit: Seamlessly integrate complete chat functionality into your application with pre-built components that handle messaging, media sharing, reactions, and threading out of the box.

​
Feature Overview

This UIKit is designed to seamlessly integrate messaging functionalities into your application, enabling rich conversations between users. Whether you’re building a social network, a community platform, or a customer support system, our Conversation Chat UIKit equips you with everything you need to create engaging messaging experiences.

Core Messaging

Complete Chat Experience
  • Send and receive text messages
  • Rich media support (images, videos, etc.)
  • Message editing and deletion
  • Real-time message delivery

Interactive Features

Enhanced Engagement
  • Message reactions with emojis
  • Message threading and replies
  • User action controls
  • Conversation management
Platform Support: Conversation Chat components are currently supported on Flutter only. Additional platform implementations are in progress.

​
Implementation Guide

Complete chat conversation interfaceThe AmityChatPage serves as the main component for displaying and interacting with individual chat conversations in your application.

​
Required Parameters

ParameterTypeDescription
channelIdStringUnique identifier for the chat channel
userIdStringCurrent user’s unique identifier
userDisplayNameStringDisplay name for the current user
avatarUrlStringURL for the user’s avatar image

​
Features

FeatureDescription
Conversation ViewComplete chat interface with message history and input controls
Channel ManagementMute/unmute toggle and conversation settings
Network AwarenessOffline mode indication and automatic reconnection
Message OrganizationChronological display with date separators

​
Code Examples

Widget chatPage() {
  return AmityChatPage(
    channelId: 'channelId',
    userId: 'userId',
    userDisplayName: 'displayName',
    avatarUrl: 'avatarUrl',
  );
}
Important Note: The AmityChatPage automatically handles message loading, real-time updates, and user interactions.

​
Component Management Strategies

​
Best Practices

Chat Overview

All Chat Components Summary & architecture

Group Chat

Multi-user Features Roles & member tools

Live Chat

Streaming Chat High-volume events
Implementation Strategy: Start with the AmityChatPage component for a complete chat experience, then customize individual components like MessageBubbleView and MessageComposer as needed for your specific use case.