rn-chat-interface v1.0.2

rn-chat-interface

A Chat UI for React Native

Demo

Installation

yarn add rn-chat-interface

Usage

import * as React from 'react';
import { SafeAreaView } from 'react-native';
import { ChatInterface } from 'rn-chat-interface';

export default function App() {
  const [visible, setVisible] = React.useState(true);

  const closeChat = () => {
    setVisible(false);
  };

  return (
    <SafeAreaView style={{ flex: 1 }}>
      <ChatInterface
        isVisible={visible}
        headerColor="cyan"
        title="Chat"
        onClose={closeChat}
      />
    </SafeAreaView>
  );
}

Props

1. isVisible - Boolean value determines whether to show or not the component. Default is true.
2. headerColor - Desired color of the top header.
3. title - Text displayed in the top header.
4. onClose - Expects a function that will be called upon pressing "Close".