Chat Components Overview

import AmityUIKit4

// AmityChatPage is a SwiftUI view. Wrap it to present it from a UIKit stack.
let chatPage = AmityChatPage(channelId: "your_channel_id")
let hostingController = AmitySwiftUIHostingController(rootView: chatPage)

navigationController?.pushViewController(hostingController, animated: true)

import com.amity.socialcloud.uikit.chat.compose.conversation.AmityChatPageActivity

// The chat page is an Activity. Launch it with its Intent factory.
startActivity(
    AmityChatPageActivity.newIntent(context, channelId = "your_channel_id")
)

import { AmityUiKitProvider, AmityUiKitChatV4 } from '@amityco/ui-kit';
import config from './uikit.config.json';

function MyChatApp() {
  return (
    <AmityUiKitProvider
      configs={config}
      apiKey="API_KEY"
      apiRegion="API_REGION"
      userId="userId"
      displayName="displayName"
      apiEndpoint="https://api.{API_REGION}.amity.co"
    >
      <AmityUiKitChatV4 />
    </AmityUiKitProvider>
  );
}

import { AmityChatScreen } from '@amityco/react-native-ui-kit';

function ChatScreen({ route }) {
  const { channelId } = route.params;
  
  return (
    <AmityChatScreen
      channelId={channelId}
      customization={{
        primaryColor: '#007AFF',
        secondaryColor: '#5856D6'
      }}
    />
  );
}