When opening chat auto-scrolling to bottom doesn't reach last message

Issue Description

When I open a conversation and there are messages, the auto scroll to the bottom of the chat doesn’t always reach the last message. For example if there are 25 messages in the chat, the scrolling will scroll to message number 19. If there are 42 messages in the chat, the scrolling only reaches message 39. I’ve noticed the pattern where the scrolling reaches the last index of the previous 10th. e.g 19/25, 29/38, 39/42 etc.

In my case most recent messages are shown at the bottom of the chat and older messages at the top. I expect the chat to scroll to the most recent message all the way down.

Steps to Reproduce / Code Snippets

Implemented GiftedChat according to the docs.

<GiftedChat
      alignTop
      inverted={false}
      messages={props.messages}
      onSend={messages => onSend(messages)}
      user={{_id: user.uid, name: user.firstName, avatar: user.displayPicture}}
      showUserAvatar
      renderBubble={(message) => renderMessageBubble(message)}
      shouldUpdateMessage={(message) => renderMessageBubble(message)}
      isAnimated
      audio={true}
      minComposerHeight={46}
      renderInputToolbar={renderChatInput}
    />

Expected Results

Chat should always scroll to the bottom of the messages with the last message rendering at the bottom.

Additional Information

• React Native version: 0.62.2
• react-native-gifted-chat version: 0.16.3
• Platform(s) (iOS, Android, or both?): iOS

[SNEAndy]

I also encountered this problem,it seems like you should change the inverted={false} to inverted={true} to make it work

[ethanyuwang]

having the same problem on iOS