flat-list-mvcp VS databag

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. ​

Databag (version 1.1): A federated chat client designed for privacy and selfhosting.

light mode: https://github.com/balzack/databag/blob/main/doc/light_mode.png

reference: project: https://github.com/balzack/databag file: https://github.com/balzack/databag/blob/main/app/mobile/src/session/conversation/Conversation.jsx

For reference my app: project: https://github.com/balzack/databag merge request: https://gitlab.com/fdroid/fdroiddata/-/merge_requests/12183

I've been using databag [https://github.com/balzack/databag]. The UI can still use some work, but it's really light weight and crazy fast.

I personally use databag (https://github.com/balzack/databag); it's open source, secure, and has no data collection. You do have to setup your own server, which if you already self host something else, is not much more than deploying a docker container. There are a bunch of other services to choose from, the most popular being matrix.org.