Options
All
  • Public
  • Public/Protected
  • All
Menu

Hierarchy

Index

Properties

Optional FullscreenComponent

FullscreenComponent: FullscreenComponent | null

Overrides the fullscreen opening component, usually a fullscreen icon

Optional SeekComponent

SeekComponent: SeekComponent | null

Overrides the seekin component, usually a seekable bar

Optional StateComponent

StateComponent: StateComponent | null

Overrides the control of the state component, usually a play/pause button

Optional TimeComponent

TimeComponent: TimeComponent | null

Overrides the time display seek component, usually a text based position/duration component

Optional animate

animate: undefined | false | true

Determines if the components should animate

Optional animationDelay

animationDelay: undefined | number

How long to delay the animations

Optional animationDuration

animationDuration: undefined | number

How long the animations should take

Optional animationEasing

animationEasing: EasingFunction

The easing to use for the animation

duration

duration: MillisecondsAccepted

The duration of the playable media

Optional onOpenFullscreen

onOpenFullscreen: OnOpenFullscreen

Invoked when the media should be opened in fullscreen mode

Optional onSeek

onSeek: OnSeek

Invoked whenever the dot moves

Optional onSeekEnd

onSeekEnd: OnSeekEnd

Invoked when the dot stops being moved

Optional onSeekStart

onSeekStart: OnSeekStart

Invoked when the dot starts being moved

Optional onStateChange

onStateChange: OnStateChange

Invoked when the icon expects the state to change

position

position: MillisecondsAccepted

The current position of the playable media

Optional seekComponentBreakpoint

seekComponentBreakpoint: number | null

The seek component is a variable width component and needs a certain amount of space to be useful. The audio component will only render the seek component when there is enough space to make the user experience sensible. This is often around 100 pixels.

Set this property to override that break width. Setting it to null will result in the flex being removed entirely and the component being rendered at it's full width.

state

state: State

The current playable state

Optional style

style: StyleProp<TextStyle>

Style overrides for the controls

Optional theme

theme: ITheme

Theme for the icon

Optional translateDelay

translateDelay: undefined | number

How long to delay the animations

Optional translateDuration

translateDuration: undefined | number

How long the animations should take

Optional translateEasing

translateEasing: EasingFunction

The easing to use for the animation