Custom ChatView

This extension allows you to create chat view in your apps. This extension uses recycler view for chat messages so here you can add any amount of messages without lag or hanging the activity. This extension supports text, image, voice and file messages with many features and customizations.

Released on : 15 Jun 2021

Last Updated on : 15 Jun 2021

Latest Version : 15 Jun 2021

All Blocks
blocks
blocks
Documentation

image

This event raises when any message is clicked.

image

This event raises when any message long clicked.

image

This block initialize the chat view layout in given container. It must be initialized before adding any messages.

image

This block add a message to chat view. If you don’t want to show the title then give empty string to it. Status is defined by three properties (Sending, Sent, Seen).

image

This block update the message by its position.

image

This block update the status of the message as already mentioned. Status thing only work for outgoing or messages that are sent by the sender. It won’t affect anything when you uses this block on incoming messages.

image

This block enables the html format for message text for a given position.

image

Delete a message for given position.

image

Clears all the message from the chat view.

image

Return all the details of a message (e.g time, message, isSender etc) in YailDicitionary format.

image

These blocks scrolls the chat view at given position.

image

Set the background color of the whole chat view.

image

Set the corner radii of the messages. The bubble shapes is adjusted while binding the messages.

image

Set the properties of the split date that will be shown above messages. Same date won’t show again. Use MMM for month name (14 May 2022) and MM for month index (14 05 2022)

image

Set the properties of the message text for both outgoing and incoming messages.

image
image
image

Set the custom status image from assets. If they are not selected then extension will show it’s default images.

image

Set the properties of the incoming messages.

image

Set the properties of the outgoing messages.

image

If you don’t want to show the status of the outgoing message then uncheck this property.

image

Set the properties of time string of both type of messages.

image

Set the properties of title of the both types of messages.

How to Use

First of all, You will have to initialize the chat view in a container

image

After initialization, you can add the messages this way

image
Screenshots
IMG_20220513_223014 IMG_20220513_223001
IMG_20220519_191031 IMG_20220519_191018
Downloads

You can download this extension from AI2 Store.