React Native SDK for Chat Messaging
The React Native Chat SDK makes it easy to build in-app chat like iMessage, Telegram or Slack. Stream's React Native SDK is feature packed with rich messages (URL previews, user mentions, chat commands), reactions, threading, image & file uploading, and videos.
The best place to start is the React Native Chat Tutorial. The tutorial teaches you how to install and customize the SDK to best fit your brand and user experience needs
Top Level Components
- Chat wrapper for all components
- Chat channels
- Channel preview list
- Message lists
- Threads
Message Components
- Message.js for logic and rendering
- Message simple (default) style
- Attachments
- Galleries
- Attachment actions
Input Components
- Write, upload, @mention, emoji's
- Image upload preview
- File upload preview
- Editing UI/UX
Component States
- Chat offline/down
- Loading channels
- Loading messages
- Preview last message
- Preview a list of channels
Rich Media Messages
- Easily add GIFs with our '/' command
- Images
- Image gallery (multi-upload)
- URL previews
- Video embeding
- File uploads with filetype icons
Utilities
- Customizable avatars
- Markdown rendering
- Keyboard suggestion handling
- Internationalisation (i18n)
- Date separators
- Window management for threads
Misc. React Native Chat SDK Features
- Message reactions
- Link previews
- Image, video, and file attachments
- Edit and delete message
- Typing indicators
- Read indicators
- Push notifications
- Image gallery
- GIF support
- Message status
- Style customization
- UI customization
- Threads
- Slash commands
- Reaction picker
- Markdown messages formatting
- Internationalization (i18n)
Meet The React Native Team
Hi! We are always working to improve our React Native components here at Stream. Our goal is to always be improving and any feedback that other developers can provide will be very helpful.
Would you consider leaving some feedback on what you need from Stream?
Give Developer Feedback
Didn’t find what you’re looking for? Get in touch with our Developer Advocacy team to let us know what we can do to help:
