FileAttachmentList

A list of the file and audio attachments shared in a channel, grouped by month into sections. It fetches messages with file attachments, renders them in a SectionList with sticky month headers and infinite scroll, and shows an empty state when there are none. Needs to be wrapped in a ChannelDetailsContextProvider that supplies the channel.

This is the list surfaced by the navigation section of ChannelDetails. You can render it on its own screen as well.

Best Practices

• Wrap it in ChannelDetailsContextProvider so it can resolve the channel to query.
• Use additionalSectionListProps to tune section rendering and scrolling instead of wrapping the list.
• Provide an onPress on the item when you want to handle attachments yourself instead of opening the asset URL.
• Override and configure the FileAttachmentItem building block by wrapping the list in WithComponents with an overrides map.

General Usage

import {
  OverlayProvider,
  Chat,
  ChannelDetailsContextProvider,
  FileAttachmentList,
} from "stream-chat-react-native";

const App = () => {
  return (
    <OverlayProvider>
      <Chat client={client}>
        <ChannelDetailsContextProvider channel={channel}>
          <FileAttachmentList />
        </ChannelDetailsContextProvider>
      </Chat>
    </OverlayProvider>
  );
};

Props

Building blocks

FileAttachmentItem

The row rendered for each file or audio attachment.