react native chatty

React-Native-Chatty

Hochleistungs-Chat-Benutzeroberfläche für React Native.

Demo

Mit und ohne Anpassungen:

Bildunterschrift1	Bildunterschrift2
	Demo.mp4

Schauen Sie sich den Expo -Snack an (für bessere Ergebnisse, versuchen Sie es mit echten Geräten.)

Merkmale

• Erstellt mit TypeScript
• Verwenden von RecyclerlistView zum Rendern von Nachrichten
• Vollständig anpassbare Komponenten
• Laden früherer Nachrichtenunterstützung
• Tippen der Animation mit React-nativ-Lottie Otherways Verwenden Sie Ihre eigene Animation
• Wischen, um zu antworten
• Scrollen Sie nach unten
• Haptisches Feedback zu neuer Nachricht
• Hashtag, Erwähnung und URL werden optional analysiert oder verwenden sogar Ihre eigene Logik.
• Aktionen über iOS -Kontextmenü (Fallback in ActionSheet, wenn nicht verfügbar)
• Erwähnen Sie direkt von der Eingabe, indem Sie @mention eingeben
• Bildunterstützung hochladen/anzeigen .

Installation

yarn add react-native-chatty

Optionale Abhängigkeiten

• React-nativ-Lottie
• React-native-haptic-Feedback / Expo-Haptics
• React-native-pariert-Text
• React-Native-Context-Menu-View

Verwendung

Weitere Informationen finden Sie zu Docs.

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


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

Beitragen

Weitere Informationen finden Sie im beitragenden Leitfaden, um zu erfahren, wie Sie zum Repository und den Entwicklungsworkflow beitragen.

Lizenz

MIT