Class

A view for chat message.

---

Declaration

public final class ChatBubbleView: UIView, AnyAppThemable

Overview

The component displays sent and received text messages, it is presented in two versions: Outgoing (outgoing in interactive color) and Incoming (incoming in default color). You can change the presented version by changing chatDirection property.

For a text message, you should set the maximum width to 260px by yourself by line wrapping. Also, for short messages in text message layers, it is possible to change the position of the status and time of departure.

You can change the chat bubble status image by setting following state:

• loading
• error
• sent
• receive
• read
• none

Configure a ChatBubbleView

let message = ChatBubbleView()
message.chatStatus = .sent
message.chatDirection = .left
message.messageText = "Hello"
message.timeTitle = "22:33"
message.name = "Example message"
message.state = .default

Contribution

You can help us to find bugs or ask us to add features.

• To start issue please use ready-made templates.
• To make changes to the repository, you need to create a fork of the project, make changes to the code and create a pull request in our project. You can read more about this in the Github documentation.