File Bubble
CometChatFileBubble
is the content view for a MediaMessage if the media sent is a file.
Properties
Properties | Type | Description |
---|---|---|
fileUrl | String | the path of the image to display |
title | String | a text to display as name of the file |
subtitle | String | a text to display below the name of the file |
icon | Icon | customize the icon to display to download the file |
style | FileBubbleStyle | used to customize appearance of this widget |
FileBubbleStyle
FileBubbleStyle is the class containing attributes to customize appearance of this widget.
Properties | Type | Description |
---|---|---|
titleFont | TextStyle | used to set style of the name of the file |
titleColor | string | |
subtitleFont | TextStyle | used to set style of the text below the name of the file |
iconTint | string | used to provide colour to the download icon |
height | string | number | used to set height |
width | string | number | used to set width |
backgroundColor | string | used to set background colour |
border | BroderStyle | used to set border |
borderRadius | number | used to set border radius |
Usage
- Typescript
<CometChatFileBubble
fileUrl='https://images.pexels.com/photos/1496372/pexels-photo-1496372.jpeg',
style= {{borderRadius: 6}}
/>