react-native-chatty

💬 Full-featured high performance chat UI for React Native.

Demo

With and without customizations:

caption1 | caption2 :-: | :-: |

Check out Expo snack (For better results, try on real devices.)

Features

• 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.

Installation

yarn add react-native-chatty

Optional Dependencies

• react-native-lottie
• react-native-haptic-feedback / expo-haptics
• react-native-parsed-text
• react-native-context-menu-view

Usage

Head over to Docs for more information.

import { Chatty } from "react-native-chatty";


<Chatty messages={messages} headerProps={...} footerProps={...} />

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT