Message Input View

The MessageInputView is used to enter a chat message. It implements the following features:

• Emoticons

• Attachments

• Slash Commands

• Typing events

• Editing messages

• Threads

• Mentions

Here's an example layout:

MessageInputView comes together with MessageInputViewModel which handles sending different types of messages out of the box. The easiest way of initializing message input is binding it with the view model, using bindView() extension function. Here's an example:

That's it, you can try to send your first message.

You can style the message input's attachment button, send button, text input, and mentions list using attributes.

MessageInputView allows you to send messages with attachments like images, videos, and other files. Moreover, you don't need to handle camera and storage permissions by yourself - MessageInputView does that by itself. It's also compatible with the new scoped storage model.

Binding MessageInputView with MessageInputViewModel gives you many functionalities out of the box. However, some of them (e.g. editing message and active thread handling ) don't work correctly without providing additional context. If you want to know how to connect MessageInputView with MessageListView easily, see Combining Views and View Models docs.

You can always decide to create your own view model implementation instead of using provided one. In that case, MessageInputView exposes multiple variables and methods which will help you proceed with that:

• messageSendHandler - main handler which is responsible for sending different kind of messages

• messageText - gives an access to message text

• addTypeListener() and removeTypeListener() - allow to add and remove typing listeners

• configureMembers() - allows to configure members which can be mentioned

• configureCommands() - allows to configure available commands

• setNormalMode(), setThreadMode(), and setEditMode() - allow to configure input mode