Back to components
Chat component

Chat List

Inverted FlatList of messages with pull-to-refresh and pagination.

Install

What it does

  • Inverted FlatList for native chat scrolling behaviour
  • Pull-to-refresh and onEndReached pagination
  • Empty state placeholder
  • Renders chat-bubble for each message

When to use

Use it

Main conversation surface in any messaging or AI-chat screen.

Skip it

Static lists or feed UIs (use a normal FlatList).

Files & routes added

  • components/chat/chat-list.tsx

Related components