EmptyList

EmptyList renders a centered empty state shown when a list has no items. It displays a caller-supplied icon (whose size and color are set by EmptyList), a title, and an optional subtitle. It fills the available width and height and is RTL-aware.

Usage

import { EmptyList } from "stream-chat-react-native";
import { Search } from "stream-chat-react-native";

<EmptyList
  icon={Search}
  title="No channels yet"
  subtitle="Start a conversation to see it here."
/>;

Props

PropDescriptionType
icon (required)Icon component to render. Its size and color are set by EmptyList.React.ComponentType<IconProps>
title (required)Title text shown below the icon.string
subtitleOptional supporting text shown below the title. Hidden when not provided.string