Variable MiniAudio`Const`

MiniAudio: React.FC<MiniAudioOptions> = ...

MiniAudio component renders a draggable audio player with customizable display options, including optional waveform animation, overlay positioning, and background image styling.

This component provides an animated waveform that can be toggled, and it allows for flexible styling of the name, position, and image. The component is also draggable for convenient placement on the screen.

Component

Param: props

Configuration options for the MiniAudio component.

Param: props.visible

Controls the visibility of the component.

Param: props.customStyle

Custom styles for the component container.

Param: props.name

Name to display on the audio player.

Param: props.showWaveform

Toggles visibility of the waveform animation.

Param: props.overlayPosition

Position of the overlay on the screen.

Param: props.barColor

Color of the waveform bars.

Param: props.textColor

Color of the displayed name text.

Param: props.nameTextStyling

Custom styles for the name text.

Param: props.imageSource

URI for the background image.

Param: props.roundedImage

Determines if the background image should be rounded.

Param: props.imageStyle

Custom styles for the background image.

Returns

The MiniAudio component.

Example

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

function App() {
  return (
    <MiniAudio
      visible={true}
      name="John Doe"
      showWaveform={true}
      overlayPosition="bottomRight"
      barColor="blue"
      textColor="white"
      imageSource="https://example.com/avatar.jpg"
      roundedImage={true}
    />
  );
}

export default App;