# Chat List

Scan an inbox where unread chats stand out and read chats settle back. New messages lift their row to the top, with pinned faces, filters, swipe actions and read receipts close at hand.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/chat-chat-list
```

## Import

```tsx
import { ChatListScreen } from "@/screens/chat/chat-list";
```

## Registry dependencies

- `avatar` — /components/avatar
- `button` — /components/button
- `empty-state` — /components/empty-state
- `icon` — /components/icon
- `swipeable-row` — /components/swipeable-row
- `text` — /components/text
- `typing-indicator` — /components/typing-indicator

## Native packages

- react-native-reanimated@*
- react-native-safe-area-context@*
- react-native-svg@*

## Icons rendered

- `check` — /icons.html?i=check
- `message-circle` — /icons.html?i=message-circle
- `pin` — /icons.html?i=pin
- `archive` — /icons.html?i=archive
- `moon` — /icons.html?i=moon
- `phone` — /icons.html?i=phone
- `users` — /icons.html?i=users
- `settings` — /icons.html?i=settings
- `camera` — /icons.html?i=camera
- `edit` — /icons.html?i=edit
- `search` — /icons.html?i=search
- `x` — /icons.html?i=x
- `chevron-right` — /icons.html?i=chevron-right
- `lock` — /icons.html?i=lock

Source: https://lumioui.com/screens/chat-chat-list