Skip to main content
Version: 0.1.3

Kabelwerk Message

The <KabelwerkMessage> component renders a single chat message in a room.

Most probably you will not directly use the <KabelwerkMessage> component in your code — on the contrary, it is likely that you will want to replace it with a component of your own.

Example​

<KabelwerkMessage
message={message}
theirMarker={42}
renderCheckmarks={(number) => number == 2 && <Text>seen</Text>}
onLongPress={(message) => Clipboard.setString(message.text)}
/>

Props​

message​

A chat message object. Please refer to the JavaScript SDK docs for more information about chat message objects.

theirMarker​

The ID of the latest message marked by someone on the hub side. This is used to determine the number of checkmarks shown in the bottom right corner of messages posted by the connected user.

renderCheckmarks​

The function used to render the checkmarks in the bottom right corner of messages posted by the connected user. The default is to simply render the corresponding number of ✓ symbols. If you do not want to have checkmarks, pass a falsy value. This prop is not relevant for messages which have not been posted by the connected user.

onLongPress​

Called — with the chat message object — when the user long-presses the component. The default is to copy the message's text to the clipboard if the message is a text message and to do nothing otherwise.

See also​