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