Receipt - CometChat Docs

The CometChatReceipt component renders the receipts such as sending, sent, delivered, read, and error state indicators of a message.

How to integrate CometChatReceipt?

Since CometChatReceipt is a widget, it can be added directly in the build method. CometChatReceipt includes various attributes and methods to customize its UI.

Dart

CometChatReceipt(
  status: ReceiptStatus.read,
  waitIcon: Image.asset(
    "<image_url>",
  ),
  sentIcon: Image.asset(
    "<image_url>",
  ),
  deliveredIcon: Image.asset(
    "<image_url>",
  ),
  readIcon: Image.asset(
    "<image_url>",
  ),
  errorIcon: Image.asset(
    "<image_url>",
  ),
);

Properties

To style or customize the CometChatReceipt, you can use the available parameters.

Attributes	Type	Description
status	ReceiptStatus	Receipt status from which `sentAt` and `readAt` will be read to get the receipts
waitIcon	Widget	It is used to pass a user-defined image into the `MessageReceipt`, to change the icon while sending the message.
sentIcon	Widget	It is used to pass a user-defined image into the `MessageReceipt`, to change the icon when the message is sent.
deliveredIcon	Widget	It is used to pass a user-defined image into the `MessageReceipt`, to change the icon when the message is delivered.
readIcon	Widget	It is used to pass a user-defined image into the `MessageReceipt`, to change the icon when the message is read.
errorIcon	Widget	It is used to pass a user-defined image into the `MessageReceipt`, to change the icon when an error occurs.

ReceiptStyle

Custom style for receipts.

Attributes	Type	Description
sentIconTint	Widget	It is used to change the icon color of the receipt when `ReceiptStatus` is sent.
deliveredIconTint	Widget	It is used to change the icon color of the receipt when `ReceiptStatus` is delivered.
readIconTint	Widget	It is used to change the icon color of the receipt when `ReceiptStatus` is read.

Usage

Dart

CometChatReceipt(
  status: ReceiptStatus.read,
)

​How to integrate CometChatReceipt?

​Properties

​ReceiptStyle

​Usage

How to integrate CometChatReceipt?

Properties

ReceiptStyle

Usage