Info:
This is documentation for Stream Chat React Native SDK v8, which is no longer actively maintained. For up-to-date documentation, see the latest version (v9).

AudioAttachment

Renders audio attachment controls inside MessageList and MessageInput. This is the default component for the AudioAttachment prop.

Best Practices

  • Use the provided callbacks (onLoad, onProgress, onPlayPause) to sync UI state.
  • Avoid heavy logic in progress handlers to keep playback smooth.
  • Respect concurrent playback settings from the Channel/Audio provider.
  • Provide clear play/pause affordances and accessibility labels.
  • Test on both iOS and Android for consistent audio behavior.

Props

item

Type
object(duration, progress, paused, id, file)

onLoad

Type
(index: string, duration: number) => void

onProgress

Type
(index: string, currentTime?: number, hasEnd?: boolean) => void

onPlayPause

Type
(index: string, pausedStatus?: boolean) => void

testID

Type
String
Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React Native v8: <Your Question>