fix: message view auto scrolls up when swiped up

[preeesha]

Description:

When the chat is at its bottom, if user swipes up a couple of times (3-4, sometimes 2 also), the message view scrolls up.

Environment Information:

• Rocket.Chat Server Version: 6.6.0
• Rocket.Chat App Version: 4.47.0.99999
• Device Name: Realme 7
• OS Version: Realme UI 3.0

Steps to reproduce:

1. Open any chat view
2. Swipe up a couple of times
3. Observe chat going up

Expected behavior:

This is an unexpected behaviour. Chat must remain at the bottom.

Actual behavior:

Auto.Scroll.Up.mp4

[preeesha]

@GleidsonDaniel, @diegolmello Please let me know your views on this one. I would love to work on this.

Thanks for your time and consideration
Prisha Gupta

[dnlsilva]

I managed to reproduce it, but I don't think it's something simple to solve hahaha.
However, nothing stops you from wanting to work on it 😅.

[diegolmello]

Pretty sure it's related to FlatList inverted

Rocket.Chat.ReactNative/app/views/RoomView/List/index.tsx

Line 20 in b189f59

const Container = ({ children }: { children: React.ReactElement }) =>

We've been patching it to fix inverted behavior (for both ScrollView and RefreshControl) while keeping it fast over the years, but right now we removed them completely and we're just applying Container above.

Since we're using stock FlatList now, removing Container should fix the issue, right? We need to test.
Does this happen with FlashList?