Call Log Details

Display call history and detailed call information in CometChat Flutter UI Kit.

AI Agent Component Spec

Field	Value
Package	cometchat_chat_uikit
Key components	CometChatCallLogs, CometChatCallLogDetails
Init	CometChatUIKit.init(uiKitSettings) then CometChatUIKit.login(uid)
Entry point	Calls tab → CometChatCallLogs → tap item → CometChatCallLogDetails
Sample app	GitHub
Related	All Guides

Call Log Details provides a dedicated Calls tab where users can view recent audio and video calls and inspect detailed information for each call.

Before starting, complete the Getting Started guide.

---

Components

Component / Class	Role
CometChatCallLogs	Displays the list of recent calls with tap callbacks
CometChatCallLogDetails	Shows detailed information (participants, duration, type)
CallLog	Call log data model from SDK

---

Integration Steps

1. Add Calls Tab

Integrate the Calls tab into your main dashboard using CometChatCallLogs.

File: dashboard.dart

CometChatCallLogs(
  onItemClick: (callLog) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => CometChatCallLogDetails(callLog: callLog),
      ),
    );
  },
)

---

2. Display Call Logs

Use CometChatCallLogs to fetch and show recent calls with customizable styling.

File: dashboard.dart

CometChatCallLogs(
  onItemClick: (callLog) {
    // Navigate to details screen
  },
  callLogsStyle: CometChatCallLogsStyle(
    backgroundColor: colorPalette.background1,
  ),
)

---

3. Show Call Log Details

Present detailed information when a call log is tapped.

File: cometchat_call_log_details.dart

CometChatCallLogDetails(
  callLog: callLog,
)

---

Feature Matrix

Feature	Component / Method	File
Calls tab	CometChatCallLogs	dashboard.dart
Display call logs	CometChatCallLogs	dashboard.dart
Call details	CometChatCallLogDetails	cometchat_call_log_details.dart

---

Next Steps

Call Logs

Learn more about the Call Logs component.

Call Features

Explore all calling capabilities.

Call Buttons

Add call buttons to your chat interface.

All Guides

Browse all feature and formatter guides.