💬 Full-featured high performance chat UI for React Native.
With and without customizations:
| caption1 | caption2 |
|---|---|
 |
demo.mp4 |
Check out Expo snack (For better results, try on real devices.)
- Built with TypeScript
- 🚀 Using recyclerlistview for rendering messages
- Fully customizable components
- Loading earlier messages support
- Typing animation using react-native-lottie otherways use ur own animation
- Swipe to reply
- Scroll to bottom
- Haptic feedback on new message
- Hashtag, mention and url is parsed optionally, or even use ur own logic.
- Actions via iOS context menu(fallback to actionsheet if not available)
- Mention directly from input by typing @mention
- Upload/View image support.
yarn add react-native-chatty- react-native-lottie
- react-native-haptic-feedback / expo-haptics
- react-native-parsed-text
- react-native-context-menu-view
Head over to Docs for more information.
import { Chatty } from "react-native-chatty";
<Chatty messages={messages} headerProps={...} footerProps={...} />See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT