react-native-chatty

💬 Full-featured high performance chat UI for React Native & Web (Pretty soon)

Demo

With and without customizations:

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.

Installation

yarn add react-native-chatty

Optional Dependencies

  • react-native-lottie
  • react-native-haptic-feedback / expo-haptics
  • react-native-parsed-text
  • eventemitter3

Usage

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


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

// For more information visit

//https://github.com/MuhammedKpln/react-native-chatty/wiki (Pretty soon!)

Contributing

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

License

MIT

GitHub

View Github