Overview
CometChatCallLogParticipants
is a Widget that shows a separate widget that displays comprehensive information about Call. This will enable users to easily access details such as the call participants, and call details for a more informed communication experience.
- Android
- iOS

CometChatCallLogParticipants
widget is composed of the following BaseWidgets:
Widgets | Description |
---|---|
CometChatListBase | CometChatListBase is a container widget featuring a title, customizable background options, and a dedicated list widget for seamless integration within your application’s interface. |
CometChatListItem | This widget displays data retrieved from a CallLog object on a card, presenting a title and subtitle. |
Usage
Integration
CometChatCallLogParticipants
is a widget that seamlessly integrates into your application. To present the participants of a call, you can instantiate the CometChatCallLogParticipants
instance and provide the list of participants using its setter function. This allows for easy customization and efficient display of call participant details within your application’s interface.
You can launch CometChatCallLogParticipants
directly using Navigator.push
, or you can define it as a widget within the build
method of your State
class.
1. Using Navigator to Launch CometChatCallLogParticipants
- Dart
2. Embedding CometChatCallLogParticipants
as a Widget in the build Method
- Dart
Actions
Actions dictate how a widget functions. They are divided into two types: Predefined and User-defined. You can override either type, allowing you to tailor the behavior of the widget to fit your specific needs.1. onBack
You can customize this behavior by using the provided code snippet to override theonBack
and improve error handling.
- Dart
2. onError
You can customize this behavior by using the provided code snippet to override theonError
and improve error handling.
- Dart
Filters
Filters allow you to customize the data displayed in a list within a Widget. You can filter the list based on your specific criteria, allowing for a more customized. Filters can be applied using RequestBuilders of Chat SDK. TheCometChatCallLogParticipants
widget does not have any exposed filters.
Events
Events are emitted by aWidget
. By using event you can extend existing functionality. Being global events, they can be applied in Multiple Locations and are capable of being Added or Removed.
The CometChatCallLogParticipants
widget does not have any exposed events.
Customization
To fit your app’s design requirements, you can customize the appearance of the conversation widget. We provide exposed methods that allow you to modify the experience and behavior according to your specific needs.Style
Using Style you can customize the look and feel of the widget in your app, These parameters typically control elements such as the color, size, shape, and fonts used within the widget.1. CallLogParticipants Style
You can customize the appearance of theCallLogParticipantsStyle
Widget by applying the CallLogParticipantsStyle
to it using the following code snippet.
- Dart
- Android
- iOS

CallLogParticipantsStyle
Property | Description | Code |
---|---|---|
width | The width of the call log participants style. | double? width |
height | The height of the call log participants style. | double? height |
background | The background color of the call log participants style. | Color? background |
border | The border of the call log participants style. | BoxBorder? border |
borderRadius | The border radius of the call log participants style. | double? borderRadius |
gradient | The gradient of the call log participants style. | Gradient? gradient |
titleStyle | The text style for the title. | TextStyle? titleStyle |
subTitleStyle | The text style for the subtitle. | TextStyle? subTitleStyle |
emptyTextStyle | The text style for the empty state. | TextStyle? emptyTextStyle |
backIconTint | The tint color for the back icon. | Color? backIconTint |
tailTitleStyle | The text style for the tail title. | TextStyle? tailTitleStyle |
nameTextStyle | The text style for the name. | TextStyle? nameTextStyle |
2. Avatar Style
To apply customized styles to theAvatar
widget in the CometChatCallLogParticipants
Widget, you can use the following code snippet. For more information, visit Avatar Styles.
- Dart
3. ListItem Style
To apply customized styles to the List Item widget in theCometChatCallLogParticipants
widget, You can use the following code snippet. For further insights on List Item Styles refer
- Dart
Functionality
These are a set of small functional customizations that allow you to fine-tune the overall experience of the widget. With these, you can change text, set custom icons, and toggle the visibility of UI elements.- Dart
- Android
- iOS

Property | Description | Code |
---|---|---|
title | The title of the call log participants. | String? title |
backButton | The custom back button widget. | Widget? backButton |
showBackButton | Whether to show the back button. | bool? showBackButton |
emptyStateText | The text to show when there are no participants. | String? emptyStateText |
theme | The theme of the call log participants. | Theme? theme |
datePattern | The pattern for formatting the date. | String? datePattern |
hideSeparator | Whether to hide the separator. | bool hideSeparator |
Advanced
For advanced-level customization, you can set custom widgets to the widget. This lets you tailor each aspect of the widget to fit your exact needs and application aesthetics. You can create and define your widgets, layouts, and UI elements and then incorporate those into the widget.ListItemView
With this function, you can assign a custom ListItem widget to theCometChatCallLogParticipants
Widget.
- Dart
- Android
- iOS

SubtitleView
You can customize the subtitle widget for each conversation item to meet your requirements- Dart
- Android
- iOS

TailView
Used to generate a custom trailing widget for theCometChatCallLogParticipants
widget. You can add a Tail widget using the following method.
- Dart
- Android
- iOS

EmptyStateView
You can set a customEmptyStateView
using emptyStateView
to match the empty UI of your app.
- Dart
- Android
- iOS
