Audio Bubble

CometChatAudioBubble is the content view for a MediaMessage if the media sent is an audio.

Properties

Properties	Type	Description
audioUrl	string	the path of the image to display
title	string	a text to display as name of the audio file
subtitle	string	a text to display below the name of the audio file
style	AudioBubbleStyle	used to customize appearance of this widget
playIcon	ImageType	customize the icon to display to play the audio
pauseIcon	ImageType	customize the icon to display to pause the audio
onPress	Function	An action to be performed on pressing the icon

AudioBubbleStyle

attributes to customize appearance of this widget.

Properties	Type	Description
titleFont	FontStyle	used to set style of the name of the audio file
iconTint	string	used to provide colour to the audio play icon
subtitleFont	FontStyle	used to set font style of subtitle
subtitleColor	string	used to set subtitle colour
titleFont	FontStyle	used to set font style of title
titleColor	string	used to provide colour to the title
backgroundColor	string	Sets the background colour for Avatar
borderRadius	number	Sets the corner radius for Avatar
border	BorderStyleInterface	Sets the border styles for Avatar
height	number | string	Sets the height for Avatar
width	number | string	Sets the width for Avatar

Usage

Typescript

<CometChatAudioBubble
    audioUrl='https://data-us.cometchat.io/2379614bd4db65dd/media/1682517916_1406731591_130612180fb2e657699814eb52817574.mp3'
    title='Sample Audio'
  />