Unable to scroll to the top of the chat when the keyboard is open, and it doesn’t automatically scroll to the bottom when a new message is sent.

nishmitha03 commented 2 months ago

Issue Description

Unable to scroll to the top of the chat when the keyboard is open.
The chat doesn’t automatically scroll to the bottom when a new message is sent

Steps to Reproduce / Code Snippets

1) Type a message in the chat. 2) Open the keyboard. 3) Attempt to scroll to the top of the chat.

Below is my code

import React, {useCallback, useEffect, useState} from 'react';
import {SafeAreaView} from 'react-native';
import {GiftedChat} from 'react-native-gifted-chat';

const ChatComponent = () => {
  const [messages, setMessages] = useState([]);

  useEffect(() => {
    setMessages([
      {
        _id: 1,
        text: 'Hello developer',
        createdAt: new Date(),
        user: {
          _id: 2,
          name: 'React Native',
          avatar: 'https://placeimg.com/140/140/any',
        },
      },
    ]);
  }, []);

  const onSend = useCallback((messages = []) => {
    setMessages(previousMessages =>
      GiftedChat.append(previousMessages, messages),
    );
  }, []);

  return (
    <SafeAreaView style={{flex: 1}}>
      <GiftedChat
        messages={messages}
        onSend={messages => onSend(messages)}
        user={{
          _id: 1,
        }}
      />
    </SafeAreaView>
  );
};

export default ChatComponent;

import React from 'react';
import {SafeAreaProvider} from 'react-native-safe-area-context';
import ChatComponent from './ChatComponent';

const App = () => {
  return (
    <SafeAreaProvider>
      <ChatComponent />
    </SafeAreaProvider>
  );
};

export default App;