Question: avoid message scrolling when receiving a new message

[breudevpf]

Hello,

We have recently integrated the library and we would like to know how we can avoid that when a new message with a lot of content is received, avoid that it takes us to the end of the scroll, we would like to stay in the last message sent by the user and show part of the new message received, something similar to what I show in the screenshot.

[kesha-antonov]

Hi

Good question
I'll take a look into it

[TylerZubke]

I've been using workaround to prevent this scroll action. All you have to do is set the messageContainerRef prop. eg:

const ref = useRef(null);
<GiftedChat messageContainerRef={ref} />

You don't even have to do anything with the ref. It would be nice if there was an actual prop to prevent the scrolling instead of this hack.

[greg-munro]

I'm also looking for a solution here. Ideally, I'd like message bubbles with a lot of content to render from their top position by default, so users don’t have to scroll up to read from the beginning of a message.

I know FlatList provides options like scrollToIndex and scrollToOffset, but neither seems to achieve the effect precisely. Would it be possible to have a built-in prop or default behaviour that ensures the latest message scrolls into view from the top when it is appended to the UI?

[breudevpf]

Hello @kesha-antonov any news on this? <3