Variable MiniCardAudio`Const`

MiniCardAudio: React.FC<MiniCardAudioOptions> = ...

MiniCardAudio displays an audio card with optional waveform animation and custom styling options.

This component supports showing an animated waveform, an image, and custom positioning for the overlay. It is designed for displaying audio-related information in a visually appealing, customizable way.

Component

Param: props

Configuration options for the MiniCardAudio component.

Param: props.customStyle

Custom styles for the card container.

Param: props.name

The name displayed on the audio card.

Param: props.showWaveform

Toggles the waveform animation display.

Param: props.overlayPosition

Position of the overlay on the card.

Param: props.barColor

Color of the waveform bars.

Param: props.textColor

Color of the displayed name text.

Param: props.imageSource

URI for the background image.

Param: props.roundedImage

Determines if the image should have rounded corners.

Param: props.imageStyle

Custom styles for the background image.

Returns

The MiniCardAudio component.

Example

import React from 'react';
import { MiniCardAudio } from 'mediasfu-reactnative-expo';

function App() {
  return (
    <MiniCardAudio
      name="Alice Johnson"
      showWaveform={true}
      overlayPosition="bottomRight"
      barColor="blue"
      textColor="white"
      imageSource="https://example.com/profile.jpg"
      roundedImage={true}
      customStyle={{ width: 100, height: 100 }}
    />
  );
}

export default App;