Inbox
A messaging inbox: search, All / Unread / Mentions filter chips with counts, swipeable rows to archive, delete or mark read, unread count badges and a friendly empty state.
9:41
Installation
Copies the screen into src/components/blocks along with every component it uses.
Props
| Prop | Type | Default |
|---|---|---|
| messages Initial threads. Archive / delete / read state is kept locally. | { id, from, avatar?, subject, preview, time, unread?, mentioned?, online? }[] | 6 sample threads |
| title Screen heading. | string | 'Inbox' |
| defaultFilter Initially selected filter chip. | 'all' | 'unread' | 'mentions' | 'all' |
| onOpen A row was tapped (it is marked read). | (message) => void | — |
| onArchive Swiped / tapped Archive. | (message) => void | — |
| onDelete Swiped / tapped Delete. | (message) => void | — |
| onToggleRead Marked read or unread. | (message, unread: boolean) => void | — |
| onCompose Shows a compose button in the header when set. | () => void | — |
| accent Chip, badge, search focus and time colour. | string | theme accent |
| style Root style. | StyleProp<ViewStyle> | — |
Source
Did you like the content?