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.

​
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

Channel Management

Conversation Setup Create and manage chat channels

Message Reactions

Engagement Features Add emoji reactions to messages

Chat Settings

Configuration Options Customize chat behavior and appearance
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.