react-native-chat-input

A WhatsApp-style chat input component with inline emoji picker for React Native.

Features

• ✨ WhatsApp-like emoji picker experience
• ⌨️ Smooth keyboard-to-emoji transitions with mode indicators
• 📱 Proper cursor position handling
• 🔍 Emoji search functionality
• 📂 Categorized emoji browsing
• 🎯 TypeScript support
• ⚡ Optimized performance
• 🎨 Fully customizable

Installation

yarn add react-native-chat-input react-native-reanimated

Usage

import React, { useState } from 'react';
import { View } from 'react-native';
import ChatInput from 'react-native-chat-input';

const App = () => {
  const [message, setMessage] = useState('');

  return (
    <View style={{ flex: 1 }}>
      <ChatInput
        value={message}
        onChangeText={setMessage}
        placeholder="Message"
      />
    </View>
  );
};

Documentation

See full documentation at [docs link]

License

MIT