flat-list-mvcp VS flash-list

How did you solve the issue of seeing the chat history? In the normal FlatList if you prepend items to the top of the list the scroll position flies all the way to the top, terrible UX. I had to dig around and try to fix this for an entire week. Tried inverting the FlatList which made it drop to 10 fps on my Android device, and inverting with styling caused weird empty spaces to form. Finally ended up with this small library which is mostly acceptable.

FlatList from React Native accepts a prop - maintainVisibleContentPosition, which makes sure your scroll doesn't jump to the end of the list when more items are added to the list. But this prop is only supported on iOS for now. So taking some inspiration from this PR, we published our separate package to add support for this prop on Android - flat-list-mvcp. And thus @stream-io/flat-list-mvcp is a dependency of the react-native-bidirectional-scroll package. ​

Also, yes, scrolling handling with lots of images can be a problem, but don't panic, React Native has some good partners 😉. Shopify created a library specifically to deal with this problem called FlashList ⚡ which is now the solution to this problem.

Use flashlist

FlashList is what you want https://shopify.github.io/flash-list/

I think there's a lot of apps out there that have this type of navigation. I'm working myself on one like that :) It's doable, BUT you have to make sure to work on all sorts of perf improvements. You should also check out FlashList https://shopify.github.io/flash-list/

In my experience Flashlist from Shopify mostly solves the issue with large lists. I'd prefer if it was built-in to the platform, still...

It can't render same height items. I reported bug, still wait for response

2. FlashList