Call Log Details

Show CometChat Flutter UI Kit call log details with participants, duration, timestamps, recordings, and call metadata.

Provide a post-call details screen with metadata, participants, history, and recordings using CometChat V6 UIKit.

Overview

The Call Log Details feature displays detailed information about a specific call, including participants, duration, timestamps, and recordings (if available).

Components

Component	Role
CometChatCallLogs	Lists call logs; tap to view details
CallLogRequestBuilder	Filters call logs by criteria

Integration

Navigate to Call Details

Dart

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

Build a Call Detail Screen

Dart

class CallLogDetailScreen extends StatelessWidget {
  final CallLog callLog;

  const CallLogDetailScreen({required this.callLog, super.key});

  @override
  Widget build(BuildContext context) {
    final initiatedAt = DateTime.fromMillisecondsSinceEpoch(
      (callLog.initiatedAt ?? 0) * 1000,
    );

    return Scaffold(
      appBar: AppBar(title: const Text("Call Details")),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text("Status: ${callLog.status ?? 'Unknown'}"),
            Text("Type: ${callLog.type ?? 'Unknown'}"),
            Text("Duration: ${callLog.totalDurationInMinutes ?? 0} min"),
            Text("Time: $initiatedAt"),
            if (callLog.hasRecording == true)
              const Text("Recording available"),
          ],
        ),
      ),
    );
  }
}

Filtering Call Logs

Dart

CometChatCallLogs(
  callLogsRequestBuilder: CallLogRequestBuilder()
    ..limit = 20
    ..hasRecording = true,
)